hr-design-system-handlebars 1.64.0 → 1.65.0

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.65.0 (Thu Apr 18 2024)
+
+#### 🚀 Enhancement
+
+- Feature/dpe 2696 [#911](https://github.com/mumprod/hr-design-system-handlebars/pull/911) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 1
+
+- [@szuelch](https://github.com/szuelch)
+
+---
+
+# v1.64.1 (Wed Apr 17 2024)
+
+#### 🐛 Bug Fix
+
+- Code cleanup aspectratio fix [#909](https://github.com/mumprod/hr-design-system-handlebars/pull/909) ([@Paul-Atreidis](https://github.com/Paul-Atreidis))
+
+#### Authors: 1
+
+- [@Paul-Atreidis](https://github.com/Paul-Atreidis)
+
+---
+
 # v1.64.0 (Wed Apr 17 2024)
 
 #### 🚀 Enhancement

package/build/handlebars/helpers/handlebar-helpers.js

@@ -284,9 +284,9 @@ var helpers = {
 
     'appendToDefault': function (context, defaultValue) {
         if (context) {
-            return defaultValue + ' ' + context
+            return defaultValue + context
         } else {
-            return defaultValue
+            return defaultValue.trim()
         }
     },
 

package/dist/assets/index.css

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

package/dist/assets/js/components/externalService/dataWrapperNoResponsiveIframe.subfeature.js

@@ -1,8 +1,9 @@
-const DataWrapperNoResponsiveIframe = function (context, configAR, configFixedHeight, embedCode) {
+const DataWrapperNoResponsiveIframe = function (context, configAR, configFixedHeight, id, embedCode) {
     
     const { element: rootElement } = context
     let aspectRatio = configAR
     let fixedHeight = configFixedHeight
+    let uniqueId = id
 
     const createNoResponsiveIframe = function () {
 
@@ -65,7 +66,8 @@ const DataWrapperNoResponsiveIframe = function (context, configAR, configFixedHe
     iframe.setAttribute('scrolling', 'no')
     iframe.setAttribute('frameborder', '0')
     iframe.src = embedCode
-
+    iframe.id = 'datawrapper-chart-' + uniqueId
+    
     div.appendChild(iframe)
     parentDiv.appendChild(div)
     rootElement.appendChild(parentDiv)

package/dist/assets/js/components/externalService/externalServiceDs.feature.js

@@ -157,8 +157,14 @@ const ExternalService = function (context) {
         removeDatapolicyBox()
         createUniqueID()
         if (iFrameConfig.noResponsiveIframe == 'true') {
-            noResponsiveIframe = new DataWrapperNoResponsiveIframe(context, iFrameConfig.aspectRatio, iFrameConfig.fixedHeight, embedCode)
+            noResponsiveIframe = new DataWrapperNoResponsiveIframe(context, iFrameConfig.aspectRatio, iFrameConfig.fixedHeight, uniqueId, embedCode)
             noResponsiveIframe.createNoResponsiveIframe()
+
+            if (iFrameConfig.refreshContent == 'true') {
+                console.log("contentRefresher anfügen")
+                contentRefresher = new DataWrapperContentRefresher(context, uniqueId, iFrameConfig.refreshIntervall)
+                contentRefresher.createRefresher()
+            }
         } 
         else {
             var iframe = document.createElement('iframe')
@@ -178,6 +184,7 @@ const ExternalService = function (context) {
                 'https://static.hr.de/hessenschau/datawrapper/responsiveIframe.js',
                 true
             )
+
             if (iFrameConfig.refreshContent == 'true') {
                 console.log("contentRefresher anfügen")
                 contentRefresher = new DataWrapperContentRefresher(context, uniqueId, iFrameConfig.refreshIntervall)
@@ -275,40 +282,17 @@ const ExternalService = function (context) {
 
     const loadIframe = function () {
         console.log('load iframe ' + id)
-        iframe =
-            "<iframe id='i_frame' data-isloaded='0' src='" +
-            embedCode +
-            "' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>"
+        iframe = "<iframe id='i_frame' data-isloaded='0' src='"+ embedCode +"' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>"
         if (iFrameConfig.aspectRatio) {
-            iframe =
-                "<div class='!h-full'><div class=" +
-                getAspectRatioClass() +
-                ' ' +
-                id +
-                "'><iframe id='i_frame' data-isloaded='0' src='" +
-                embedCode +
-                "' frameborder='0' class='w-full h-full '" +
-                id +
-                "' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div></div>"
+            iframe ="<div class='!h-full'><div class='"+ getAspectRatioClass() +"'><iframe id='i_frame' data-isloaded='0' src='"+ embedCode +"' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div></div>"
             //TODO Weiche Animation der Inhalte
         } else {
             if (iFrameConfig.fixedHeight) {
-                iframe =
-                    "<div class='!h-full' style='height:" +
-                    iFrameConfig.fixedHeight +
-                    "px'><iframe data-isloaded='0' src='" +
-                    embedCode +
-                    "' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>"
+                iframe = "<div style='height:"+ iFrameConfig.fixedHeight +"px'><iframe data-isloaded='0' src='"+ embedCode +"' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>"
             } else {
-                iframe =
-                    "<div class='!h-full " +
-                    id +
-                    "'><iframe data-isloaded='0' src='" +
-                    embedCode +
-                    "' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>"
+                iframe = "<div class='!h-full'><iframe data-isloaded='0' src='"+ embedCode +"' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>"
             }
         }
-
         replaceAnimated(rootElement, iframe, false)
     }
 

package/dist/views/components/button/components/button_icon.hbs

@@ -1,2 +1,2 @@
-{{> components/base/image/icon _addClass=(appendToDefault _css "ds-button-icon w-4 h-4 fill-current") _icon=_icon _iconmap=_iconmap}}
+{{> components/base/image/icon _addClass=(appendToDefault _css "ds-button-icon w-4 h-4 fill-current ") _icon=_icon _iconmap=_iconmap}}
 {{#*inline "css"}}{{/inline}}

package/dist/views/components/event/calendar/event_calendar.hbs

@@ -1,6 +1,3 @@
 <div class="flex flex-col border-event-calendar-secondary border gap-x-4 js-load" data-hr-filterer-ds="{}"> 
     {{> @partial-block }}
-    {{#> components/modal/modal _type="userConsent" _trigger=".js-ticket-button-user-consent-needed"}}
-        {{> components/modal/user_consent _link=this.link _headline=(loca "ticket_modal_headline") _text=(loca "ticket_modal_text") _labelOk=(loca "ticket_modal_label_ok") _labelCancel=(loca "ticket_modal_label_cancel")}}
-    {{/components/modal/modal}}
 </div>

package/dist/views/components/event/calendar/event_calendar_content.hbs

@@ -3,7 +3,7 @@
         {{#each this.days}}
             {{#each this.instants}}
                 {{#unless this.isDateInstant}}
-                    {{> components/event/calendar/event_calendar_event_teaser _showTeaser=../this.isFirstAvailable _withConcertInfo=../../../_withConcertInfo}}
+                    {{> components/event/calendar/event_calendar_event_teaser _userConsentCheckId=../../../_userConsentCheckId _showTeaser=../this.isFirstAvailable _withConcertInfo=../../../_withConcertInfo}}
                 {{/unless}}
             {{/each}}
         {{/each}}

package/dist/views/components/event/calendar/event_calendar_event_teaser.hbs

@@ -36,7 +36,7 @@
                         </div>
                         {{> components/event/event_details this}}
                         {{#with this.ticketLink}}
-                            {{> components/event/event_ticket_button}}
+                            {{> components/event/event_ticket_button _userConsentCheckId=../_userConsentCheckId}}
                         {{/with}}
                     </div> 
                 </div>

package/dist/views/components/event/calendar/event_calendar_inline.hbs

@@ -1,3 +1,3 @@
 {{#each this.inlineItems~}}
-    {{> components/event/calendar/event_calendar_event_teaser}}
+    {{> components/event/calendar/event_calendar_event_teaser _userConsentCheckId=../this.uuid}}
 {{/each ~}}

package/dist/views/components/event/event_ticket_button.hbs

@@ -1,6 +1,6 @@
 <div class="static pt-1 pb-3 pl-4 sm:absolute sm:pl-0 sm:pt-0 sm:pb-0 sm:right-4 sm:bottom-4">
     {{#with this}}
-        {{#> components/button/button _css="js-ticket-button-user-consent-needed"_id=(nextRandom) _size="lg"}}
+        {{#> components/button/button _css=(appendToDefault _userConsentCheckId 'js-ticket-button-user-consent-needed-') _id=(nextRandom) _size="lg"}}
             {{> components/button/components/button_icon _icon="ticket" _iconmap="icons" _css="mr-2"}}
             {{>components/button/components/button_label _css='' _label="Tickets"}}
         {{/components/button/button}}

package/dist/views/components/externalService/external_service.hbs

@@ -1,5 +1,5 @@
 {{#if this.externalServiceConfig.makeConfigurable}}
-    
+    <!-- Embedding via JS with DataPolicyCheck-->  
     {{> components/externalService/external_service_with_datapolicy_check }}
 
 {{else}}
@@ -8,26 +8,19 @@
         <div class="clear-both mt-10">
             <span class="sr-only">{{loca "story_externalservice_intro_sr" }}</span>    
             {{#if this.externalServiceConfig.embedAsIFrame}}              
-                    
+                <!-- Embedding via Iframe -->    
                 <div class="{{#if this.fixedHeight}}overflow-y-hidden{{else}}overflow-hidden{{/if}}" {{#if this.fixedHeight}}style="height:{{this.fixedHeight}}px;"{{/if}}>
                     {{#unless this.fixedHeight}}<div class="{{~inline-switch this.aspectRatio  '["16x9","16x7","4x3","100x27","100","9x16","7x16"]' '["ar-16-9","ar-16-7","ar-4-3","ar-100-27","ar-1-1","ar-9-16","ar-7-16","ar-16-9"]'~}}">{{/unless}}
-                        <iframe frameborder="0" width="100%" height="100%"
-                                src="{{{this.serviceUrl}}}" webkitallowfullscreen mozallowfullscreen
-                                allowfullscreen scrolling='no'>
-                        </iframe>
+                        <iframe frameborder="0" width="100%" height="100%" src="{{{this.serviceUrl}}}" webkitallowfullscreen mozallowfullscreen allowfullscreen scrolling='no'></iframe>
                     {{#unless this.fixedHeight}}</div>{{/unless}}                        
                 </div>
-            
             {{else}}
-            
+                <!-- Embedding via JS without DataPolicyCheck-->  
                 <div class="c-externalService__{{this.externalServiceConfig.externalServiceId}} js-load"
-                    data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}", "embedType": "{{this.externalServiceConfig.externalServiceEmbedType}}", "dataPolicyCheck": false, "iFrameConfig":{}}'>
-                </div>
-                
-            {{/if}}
-                
+                    data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}","embedType": "{{this.externalServiceConfig.externalServiceEmbedType}}","dataPolicyCheck": false,"iFrameConfig":{}}'>
+                </div>  
+            {{/if}}    
             {{~> components/externalService/components/external_service_caption ~}}
-            
             <span class="sr-only">{{loca "story_externalservice_outro_sr" }}</span>    
         </div>
     {{/if}}

package/dist/views/components/externalService/external_service_with_datapolicy_check.hbs

@@ -1,9 +1,8 @@
 <div class="grid clear-both mt-10">
-        {{~> components/base/a11y/hiddenText _locaTag="story_externalservice_intro_sr" ~}}
+        {{~> components/base/a11y/hiddenText _locaTag="story_externalservice_intro_sr" ~}}        
         <div class="c-externalService c-externalService__{{this.externalServiceConfig.externalServiceId}} js-load"
-             data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}", "embedType": "{{this.externalServiceConfig.externalServiceEmbedType}}", "dataPolicyCheck": true,"iFrameConfig": {"heightClass":""{{#if
-                 this.fixedHeight}},"fixedHeight":"{{this.fixedHeight}}", "fixedHeightClass":"-fixedHeight"{{else}},{{#if
-                 this.aspectRatio}}"aspectRatio":"{{this.aspectRatio}}"{{else}}"aspectRatio":"16x9"{{/if}}{{/if}},"noResponsiveIframe":"{{{this.setResponsiveIframe}}}","refreshContent":"{{{this.setTimedReloadIframe}}}","refreshIntervall":"{{this.setTimeForReload}}"}}'>
+             data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}","embedType":"{{this.externalServiceConfig.externalServiceEmbedType}}","dataPolicyCheck": true,"iFrameConfig": { {{#if this.fixedHeight}}
+                "fixedHeight":"{{this.fixedHeight}}"{{else}}{{#if this.aspectRatio}}"aspectRatio":"{{this.aspectRatio}}"{{else}}"aspectRatio":"16x9"{{/if}}{{/if}},"noResponsiveIframe":"{{{this.setResponsiveIframe}}}"{{#if this.setTimedReloadIframe}},"refreshContent":"{{{this.setTimedReloadIframe}}}","refreshIntervall":"{{this.setTimeForReload}}"{{/if}} }}'>
             {{~> components/externalService/components/external_service_data_policy ~}}
         </div>
         {{~> components/externalService/components/external_service_caption ~}}

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

@@ -9,7 +9,7 @@
         {{/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-adjust_context "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-adjust_context "ar__content ") _noDelay=this.dontLazyload ~}}                             
             {{#if this.isTickerTeaser}}</a>{{/if}}
         {{/with}}
 

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

@@ -1,7 +1,7 @@
 {{#with this}}
     {{#> components/button/button _variant="tertiary" _type="button" _css=_css _alpineClick="avStart = !avStart; $dispatch('player_start')"}}
         {{#with this}}
-            {{> components/base/image/icon _addClass=(appendToDefault (if ../../_isLivestream-adjust_context "text-orange-spicyCarrot group-hover:fill-orange-spicyCarrot" "text-media-button group-hover:fill-media-button") "w-10 h-10  fill-white group-hover:text-white inline") _icon=../../_icon-adjust_context}}
+            {{> components/base/image/icon _addClass=(appendToDefault (if ../../_isLivestream-adjust_context "text-orange-spicyCarrot group-hover:fill-orange-spicyCarrot" "text-media-button group-hover:fill-media-button") "w-10 h-10  fill-white group-hover:text-white inline ") _icon=../../_icon-adjust_context}}
             {{#*inline "css"}}{{/inline}}
         {{/with}}
         {{>components/button/components/button_label _css="sr-only" _label=../../_label-adjust_context}}

package/dist/views/components/teaser/cluster/teaser_cluster_item.hbs

@@ -1,4 +1,4 @@
-{{#>components/base/link _link=this.link _css=(appendToDefault (if _firstItem "ds-teaser-focus") "block group") }} 
+{{#>components/base/link _link=this.link _css=(appendToDefault (if _firstItem "ds-teaser-focus ") "block group") }} 
     {{#if this.label}}
         {{#> components/label/label_group _css=(if ../../_ordered-adjust_context "pl-8")}}
             {{> components/label/label _type=this.label.type _text=(loca this.label.loca) _css=""}}
@@ -6,7 +6,7 @@
         {{/components/label/label_group}}
     {{/if~}}
     {{#> components/teaser/components/teaser_headline _css="" _headlineTag="h3"}}
-        {{> components/teaser/components/teaser_title _css=(appendToDefault (if ../../_ordered-adjust_context " pl-8") "group-hover:underline text-clusterTeaserLink") _text=this.title _size=../../_size-adjust_context _teaserType="cluster" _firstItem=../../_firstItem-adjust_context}}
+        {{> components/teaser/components/teaser_title _css=(appendToDefault (if ../../_ordered-adjust_context " pl-8 ") "group-hover:underline text-clusterTeaserLink") _text=this.title _size=../../_size-adjust_context _teaserType="cluster" _firstItem=../../_firstItem-adjust_context}}
     {{/components/teaser/components/teaser_headline}}    
 {{/components/base/link}}
 {{> components/teaser/cluster/teaser_cluster_byline _ordered=_ordered}}

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

@@ -1,8 +1,11 @@
 <article class="col-span-12{{~inline-switch this.teaserSize '["50"]' '[" md:col-span-6"]'}}">
     {{#> components/event/calendar/event_calendar}}
+        {{#> components/modal/modal _type="userConsent" _trigger=(appendToDefault this.uuid '.js-ticket-button-user-consent-needed-')}}
+            {{> components/modal/user_consent _link=this.link _headline=(loca "ticket_modal_headline") _text=(loca "ticket_modal_text") _labelOk=(loca "ticket_modal_label_ok") _labelCancel=(loca "ticket_modal_label_cancel")}}
+        {{/components/modal/modal}}
         {{> components/event/calendar/event_calendar_heading _headlineTag="h3"}}
         {{> components/event/calendar/event_calendar_nav this.eventCalendar.months}}
-        {{> components/event/calendar/event_calendar_content this.eventCalendar}}
+        {{> components/event/calendar/event_calendar_content this.eventCalendar _userConsentCheckId=this.uuid}}
         {{> components/event/calendar/event_calendar_footer}}
     {{/components/event/calendar/event_calendar}}
 </article>

package/dist/views_static/components/button/components/button_icon.hbs

@@ -1,2 +1,2 @@
-{{> components/base/image/icon _addClass=(appendToDefault _css "ds-button-icon w-4 h-4 fill-current") _icon=_icon _iconmap=_iconmap}}
+{{> components/base/image/icon _addClass=(appendToDefault _css "ds-button-icon w-4 h-4 fill-current ") _icon=_icon _iconmap=_iconmap}}
 {{#*inline "css"}}{{/inline}}

package/dist/views_static/components/event/calendar/event_calendar.hbs

@@ -1,6 +1,3 @@
 <div class="flex flex-col border-event-calendar-secondary border gap-x-4 js-load" data-hr-filterer-ds="{}"> 
     {{> @partial-block }}
-    {{#> components/modal/modal _type="userConsent" _trigger=".js-ticket-button-user-consent-needed"}}
-        {{> components/modal/user_consent _link=this.link _headline=(loca "ticket_modal_headline") _text=(loca "ticket_modal_text") _labelOk=(loca "ticket_modal_label_ok") _labelCancel=(loca "ticket_modal_label_cancel")}}
-    {{/components/modal/modal}}
 </div>

package/dist/views_static/components/event/calendar/event_calendar_content.hbs

@@ -3,7 +3,7 @@
         {{#each this.days}}
             {{#each this.instants}}
                 {{#unless this.isDateInstant}}
-                    {{> components/event/calendar/event_calendar_event_teaser _showTeaser=../this.isFirstAvailable _withConcertInfo=../../../_withConcertInfo}}
+                    {{> components/event/calendar/event_calendar_event_teaser _userConsentCheckId=../../../_userConsentCheckId _showTeaser=../this.isFirstAvailable _withConcertInfo=../../../_withConcertInfo}}
                 {{/unless}}
             {{/each}}
         {{/each}}

package/dist/views_static/components/event/calendar/event_calendar_event_teaser.hbs

@@ -36,7 +36,7 @@
                         </div>
                         {{> components/event/event_details this}}
                         {{#with this.ticketLink}}
-                            {{> components/event/event_ticket_button}}
+                            {{> components/event/event_ticket_button _userConsentCheckId=../_userConsentCheckId}}
                         {{/with}}
                     </div> 
                 </div>

package/dist/views_static/components/event/calendar/event_calendar_inline.hbs

@@ -1,3 +1,3 @@
 {{#each this.inlineItems~}}
-    {{> components/event/calendar/event_calendar_event_teaser}}
+    {{> components/event/calendar/event_calendar_event_teaser _userConsentCheckId=../this.uuid}}
 {{/each ~}}

package/dist/views_static/components/event/event_ticket_button.hbs

@@ -1,6 +1,6 @@
 <div class="static pt-1 pb-3 pl-4 sm:absolute sm:pl-0 sm:pt-0 sm:pb-0 sm:right-4 sm:bottom-4">
     {{#with this}}
-        {{#> components/button/button _css="js-ticket-button-user-consent-needed"_id=(nextRandom) _size="lg"}}
+        {{#> components/button/button _css=(appendToDefault _userConsentCheckId 'js-ticket-button-user-consent-needed-') _id=(nextRandom) _size="lg"}}
             {{> components/button/components/button_icon _icon="ticket" _iconmap="icons" _css="mr-2"}}
             {{>components/button/components/button_label _css='' _label="Tickets"}}
         {{/components/button/button}}

package/dist/views_static/components/externalService/external_service.hbs

@@ -1,5 +1,5 @@
 {{#if this.externalServiceConfig.makeConfigurable}}
-    
+    <!-- Embedding via JS with DataPolicyCheck-->  
     {{> components/externalService/external_service_with_datapolicy_check }}
 
 {{else}}
@@ -8,26 +8,19 @@
         <div class="clear-both mt-10">
             <span class="sr-only">{{loca "story_externalservice_intro_sr" }}</span>    
             {{#if this.externalServiceConfig.embedAsIFrame}}              
-                    
+                <!-- Embedding via Iframe -->    
                 <div class="{{#if this.fixedHeight}}overflow-y-hidden{{else}}overflow-hidden{{/if}}" {{#if this.fixedHeight}}style="height:{{this.fixedHeight}}px;"{{/if}}>
                     {{#unless this.fixedHeight}}<div class="{{~inline-switch this.aspectRatio  '["16x9","16x7","4x3","100x27","100","9x16","7x16"]' '["ar-16-9","ar-16-7","ar-4-3","ar-100-27","ar-1-1","ar-9-16","ar-7-16","ar-16-9"]'~}}">{{/unless}}
-                        <iframe frameborder="0" width="100%" height="100%"
-                                src="{{{this.serviceUrl}}}" webkitallowfullscreen mozallowfullscreen
-                                allowfullscreen scrolling='no'>
-                        </iframe>
+                        <iframe frameborder="0" width="100%" height="100%" src="{{{this.serviceUrl}}}" webkitallowfullscreen mozallowfullscreen allowfullscreen scrolling='no'></iframe>
                     {{#unless this.fixedHeight}}</div>{{/unless}}                        
                 </div>
-            
             {{else}}
-            
+                <!-- Embedding via JS without DataPolicyCheck-->  
                 <div class="c-externalService__{{this.externalServiceConfig.externalServiceId}} js-load"
-                    data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}", "embedType": "{{this.externalServiceConfig.externalServiceEmbedType}}", "dataPolicyCheck": false, "iFrameConfig":{}}'>
-                </div>
-                
-            {{/if}}
-                
+                    data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}","embedType": "{{this.externalServiceConfig.externalServiceEmbedType}}","dataPolicyCheck": false,"iFrameConfig":{}}'>
+                </div>  
+            {{/if}}    
             {{~> components/externalService/components/external_service_caption ~}}
-            
             <span class="sr-only">{{loca "story_externalservice_outro_sr" }}</span>    
         </div>
     {{/if}}

package/dist/views_static/components/externalService/external_service_with_datapolicy_check.hbs

@@ -1,9 +1,8 @@
 <div class="grid clear-both mt-10">
-        {{~> components/base/a11y/hiddenText _locaTag="story_externalservice_intro_sr" ~}}
+        {{~> components/base/a11y/hiddenText _locaTag="story_externalservice_intro_sr" ~}}        
         <div class="c-externalService c-externalService__{{this.externalServiceConfig.externalServiceId}} js-load"
-             data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}", "embedType": "{{this.externalServiceConfig.externalServiceEmbedType}}", "dataPolicyCheck": true,"iFrameConfig": {"heightClass":""{{#if
-                 this.fixedHeight}},"fixedHeight":"{{this.fixedHeight}}", "fixedHeightClass":"-fixedHeight"{{else}},{{#if
-                 this.aspectRatio}}"aspectRatio":"{{this.aspectRatio}}"{{else}}"aspectRatio":"16x9"{{/if}}{{/if}},"noResponsiveIframe":"{{{this.setResponsiveIframe}}}","refreshContent":"{{{this.setTimedReloadIframe}}}","refreshIntervall":"{{this.setTimeForReload}}"}}'>
+             data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}","embedType":"{{this.externalServiceConfig.externalServiceEmbedType}}","dataPolicyCheck": true,"iFrameConfig": { {{#if this.fixedHeight}}
+                "fixedHeight":"{{this.fixedHeight}}"{{else}}{{#if this.aspectRatio}}"aspectRatio":"{{this.aspectRatio}}"{{else}}"aspectRatio":"16x9"{{/if}}{{/if}},"noResponsiveIframe":"{{{this.setResponsiveIframe}}}"{{#if this.setTimedReloadIframe}},"refreshContent":"{{{this.setTimedReloadIframe}}}","refreshIntervall":"{{this.setTimeForReload}}"{{/if}} }}'>
             {{~> components/externalService/components/external_service_data_policy ~}}
         </div>
         {{~> components/externalService/components/external_service_caption ~}}

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

@@ -9,7 +9,7 @@
         {{/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 ~}}                             
+                {{~> 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}}
 

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

@@ -1,7 +1,7 @@
 {{#with this}}
     {{#> components/button/button _variant="tertiary" _type="button" _css=_css _alpineClick="avStart = !avStart; $dispatch('player_start')"}}
         {{#with this}}
-            {{> components/base/image/icon _addClass=(appendToDefault (if _isLivestream "text-orange-spicyCarrot group-hover:fill-orange-spicyCarrot" "text-media-button group-hover:fill-media-button") "w-10 h-10  fill-white group-hover:text-white inline") _icon=_icon}}
+            {{> components/base/image/icon _addClass=(appendToDefault (if _isLivestream "text-orange-spicyCarrot group-hover:fill-orange-spicyCarrot" "text-media-button group-hover:fill-media-button") "w-10 h-10  fill-white group-hover:text-white inline ") _icon=_icon}}
             {{#*inline "css"}}{{/inline}}
         {{/with}}
         {{>components/button/components/button_label _css="sr-only" _label=_label}}

package/dist/views_static/components/teaser/cluster/teaser_cluster_item.hbs

@@ -1,4 +1,4 @@
-{{#>components/base/link _link=this.link _css=(appendToDefault (if _firstItem "ds-teaser-focus") "block group") }} 
+{{#>components/base/link _link=this.link _css=(appendToDefault (if _firstItem "ds-teaser-focus ") "block group") }} 
     {{#if this.label}}
         {{#> components/label/label_group _css=(if _ordered "pl-8")}}
             {{> components/label/label _type=this.label.type _text=(loca this.label.loca) _css=""}}
@@ -6,7 +6,7 @@
         {{/components/label/label_group}}
     {{/if~}}
     {{#> components/teaser/components/teaser_headline _css="" _headlineTag="h3"}}
-        {{> components/teaser/components/teaser_title _css=(appendToDefault (if _ordered " pl-8") "group-hover:underline text-clusterTeaserLink") _text=this.title _size=_size _teaserType="cluster" _firstItem=_firstItem}}
+        {{> components/teaser/components/teaser_title _css=(appendToDefault (if _ordered " pl-8 ") "group-hover:underline text-clusterTeaserLink") _text=this.title _size=_size _teaserType="cluster" _firstItem=_firstItem}}
     {{/components/teaser/components/teaser_headline}}    
 {{/components/base/link}}
 {{> components/teaser/cluster/teaser_cluster_byline _ordered=_ordered}}

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

@@ -1,8 +1,11 @@
 <article class="col-span-12{{~inline-switch this.teaserSize '["50"]' '[" md:col-span-6"]'}}">
     {{#> components/event/calendar/event_calendar}}
+        {{#> components/modal/modal _type="userConsent" _trigger=(appendToDefault this.uuid '.js-ticket-button-user-consent-needed-')}}
+            {{> components/modal/user_consent _link=this.link _headline=(loca "ticket_modal_headline") _text=(loca "ticket_modal_text") _labelOk=(loca "ticket_modal_label_ok") _labelCancel=(loca "ticket_modal_label_cancel")}}
+        {{/components/modal/modal}}
         {{> components/event/calendar/event_calendar_heading _headlineTag="h3"}}
         {{> components/event/calendar/event_calendar_nav this.eventCalendar.months}}
-        {{> components/event/calendar/event_calendar_content this.eventCalendar}}
+        {{> components/event/calendar/event_calendar_content this.eventCalendar _userConsentCheckId=this.uuid}}
         {{> components/event/calendar/event_calendar_footer}}
     {{/components/event/calendar/event_calendar}}
 </article>

package/package.json

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

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

@@ -1895,6 +1895,7 @@
                 "teaserSize": "100",
                 "realTeaserSize": "100",
                 "title": "Konzertkalender",
+                "uuid": "0a9e6389-d1a1-4af5-875d-4047cc2a82cb",
                 "eventCalendar": {
                     "months": {
                         "@->jsoninclude": "event/calendar/event_calendar_months.inc.json",

package/src/stories/views/components/button/components/button_icon.hbs

@@ -1,2 +1,2 @@
-{{> components/base/image/icon _addClass=(appendToDefault _css "ds-button-icon w-4 h-4 fill-current") _icon=_icon _iconmap=_iconmap}}
+{{> components/base/image/icon _addClass=(appendToDefault _css "ds-button-icon w-4 h-4 fill-current ") _icon=_icon _iconmap=_iconmap}}
 {{#*inline "css"}}{{/inline}}

package/src/stories/views/components/event/calendar/event_calendar.hbs

@@ -1,6 +1,3 @@
 <div class="flex flex-col border-event-calendar-secondary border gap-x-4 js-load" data-hr-filterer-ds="{}"> 
     {{> @partial-block }}
-    {{#> components/modal/modal _type="userConsent" _trigger=".js-ticket-button-user-consent-needed"}}
-        {{> components/modal/user_consent _link=this.link _headline=(loca "ticket_modal_headline") _text=(loca "ticket_modal_text") _labelOk=(loca "ticket_modal_label_ok") _labelCancel=(loca "ticket_modal_label_cancel")}}
-    {{/components/modal/modal}}
 </div>

package/src/stories/views/components/event/calendar/event_calendar_content.hbs

@@ -3,7 +3,7 @@
         {{#each this.days}}
             {{#each this.instants}}
                 {{#unless this.isDateInstant}}
-                    {{> components/event/calendar/event_calendar_event_teaser _showTeaser=../this.isFirstAvailable _withConcertInfo=../../../_withConcertInfo}}
+                    {{> components/event/calendar/event_calendar_event_teaser _userConsentCheckId=../../../_userConsentCheckId _showTeaser=../this.isFirstAvailable _withConcertInfo=../../../_withConcertInfo}}
                 {{/unless}}
             {{/each}}
         {{/each}}

package/src/stories/views/components/event/calendar/event_calendar_event_teaser.hbs

@@ -36,7 +36,7 @@
                         </div>
                         {{> components/event/event_details this}}
                         {{#with this.ticketLink}}
-                            {{> components/event/event_ticket_button}}
+                            {{> components/event/event_ticket_button _userConsentCheckId=../_userConsentCheckId}}
                         {{/with}}
                     </div> 
                 </div>

package/src/stories/views/components/event/calendar/event_calendar_inline.hbs

@@ -1,3 +1,3 @@
 {{#each this.inlineItems~}}
-    {{> components/event/calendar/event_calendar_event_teaser}}
+    {{> components/event/calendar/event_calendar_event_teaser _userConsentCheckId=../this.uuid}}
 {{/each ~}}

package/src/stories/views/components/event/event_ticket_button.hbs

@@ -1,6 +1,6 @@
 <div class="static pt-1 pb-3 pl-4 sm:absolute sm:pl-0 sm:pt-0 sm:pb-0 sm:right-4 sm:bottom-4">
     {{#with this}}
-        {{#> components/button/button _css="js-ticket-button-user-consent-needed"_id=(nextRandom) _size="lg"}}
+        {{#> components/button/button _css=(appendToDefault _userConsentCheckId 'js-ticket-button-user-consent-needed-') _id=(nextRandom) _size="lg"}}
             {{> components/button/components/button_icon _icon="ticket" _iconmap="icons" _css="mr-2"}}
             {{>components/button/components/button_label _css='' _label="Tickets"}}
         {{/components/button/button}}

package/src/stories/views/components/externalService/dataWrapperNoResponsiveIframe.subfeature.js

@@ -1,8 +1,9 @@
-const DataWrapperNoResponsiveIframe = function (context, configAR, configFixedHeight, embedCode) {
+const DataWrapperNoResponsiveIframe = function (context, configAR, configFixedHeight, id, embedCode) {
     
     const { element: rootElement } = context
     let aspectRatio = configAR
     let fixedHeight = configFixedHeight
+    let uniqueId = id
 
     const createNoResponsiveIframe = function () {
 
@@ -65,7 +66,8 @@ const DataWrapperNoResponsiveIframe = function (context, configAR, configFixedHe
     iframe.setAttribute('scrolling', 'no')
     iframe.setAttribute('frameborder', '0')
     iframe.src = embedCode
-
+    iframe.id = 'datawrapper-chart-' + uniqueId
+    
     div.appendChild(iframe)
     parentDiv.appendChild(div)
     rootElement.appendChild(parentDiv)

package/src/stories/views/components/externalService/externalServiceDs.feature.js

@@ -157,8 +157,14 @@ const ExternalService = function (context) {
         removeDatapolicyBox()
         createUniqueID()
         if (iFrameConfig.noResponsiveIframe == 'true') {
-            noResponsiveIframe = new DataWrapperNoResponsiveIframe(context, iFrameConfig.aspectRatio, iFrameConfig.fixedHeight, embedCode)
+            noResponsiveIframe = new DataWrapperNoResponsiveIframe(context, iFrameConfig.aspectRatio, iFrameConfig.fixedHeight, uniqueId, embedCode)
             noResponsiveIframe.createNoResponsiveIframe()
+
+            if (iFrameConfig.refreshContent == 'true') {
+                console.log("contentRefresher anfügen")
+                contentRefresher = new DataWrapperContentRefresher(context, uniqueId, iFrameConfig.refreshIntervall)
+                contentRefresher.createRefresher()
+            }
         } 
         else {
             var iframe = document.createElement('iframe')
@@ -178,6 +184,7 @@ const ExternalService = function (context) {
                 'https://static.hr.de/hessenschau/datawrapper/responsiveIframe.js',
                 true
             )
+
             if (iFrameConfig.refreshContent == 'true') {
                 console.log("contentRefresher anfügen")
                 contentRefresher = new DataWrapperContentRefresher(context, uniqueId, iFrameConfig.refreshIntervall)
@@ -275,40 +282,17 @@ const ExternalService = function (context) {
 
     const loadIframe = function () {
         console.log('load iframe ' + id)
-        iframe =
-            "<iframe id='i_frame' data-isloaded='0' src='" +
-            embedCode +
-            "' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>"
+        iframe = "<iframe id='i_frame' data-isloaded='0' src='"+ embedCode +"' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>"
         if (iFrameConfig.aspectRatio) {
-            iframe =
-                "<div class='!h-full'><div class=" +
-                getAspectRatioClass() +
-                ' ' +
-                id +
-                "'><iframe id='i_frame' data-isloaded='0' src='" +
-                embedCode +
-                "' frameborder='0' class='w-full h-full '" +
-                id +
-                "' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div></div>"
+            iframe ="<div class='!h-full'><div class='"+ getAspectRatioClass() +"'><iframe id='i_frame' data-isloaded='0' src='"+ embedCode +"' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div></div>"
             //TODO Weiche Animation der Inhalte
         } else {
             if (iFrameConfig.fixedHeight) {
-                iframe =
-                    "<div class='!h-full' style='height:" +
-                    iFrameConfig.fixedHeight +
-                    "px'><iframe data-isloaded='0' src='" +
-                    embedCode +
-                    "' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>"
+                iframe = "<div style='height:"+ iFrameConfig.fixedHeight +"px'><iframe data-isloaded='0' src='"+ embedCode +"' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>"
             } else {
-                iframe =
-                    "<div class='!h-full " +
-                    id +
-                    "'><iframe data-isloaded='0' src='" +
-                    embedCode +
-                    "' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>"
+                iframe = "<div class='!h-full'><iframe data-isloaded='0' src='"+ embedCode +"' frameborder='0' class='w-full h-full' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>"
             }
         }
-
         replaceAnimated(rootElement, iframe, false)
     }
 

package/src/stories/views/components/externalService/external_service.hbs

@@ -1,5 +1,5 @@
 {{#if this.externalServiceConfig.makeConfigurable}}
-    
+    <!-- Embedding via JS with DataPolicyCheck-->  
     {{> components/externalService/external_service_with_datapolicy_check }}
 
 {{else}}
@@ -8,26 +8,19 @@
         <div class="clear-both mt-10">
             <span class="sr-only">{{loca "story_externalservice_intro_sr" }}</span>    
             {{#if this.externalServiceConfig.embedAsIFrame}}              
-                    
+                <!-- Embedding via Iframe -->    
                 <div class="{{#if this.fixedHeight}}overflow-y-hidden{{else}}overflow-hidden{{/if}}" {{#if this.fixedHeight}}style="height:{{this.fixedHeight}}px;"{{/if}}>
                     {{#unless this.fixedHeight}}<div class="{{~inline-switch this.aspectRatio  '["16x9","16x7","4x3","100x27","100","9x16","7x16"]' '["ar-16-9","ar-16-7","ar-4-3","ar-100-27","ar-1-1","ar-9-16","ar-7-16","ar-16-9"]'~}}">{{/unless}}
-                        <iframe frameborder="0" width="100%" height="100%"
-                                src="{{{this.serviceUrl}}}" webkitallowfullscreen mozallowfullscreen
-                                allowfullscreen scrolling='no'>
-                        </iframe>
+                        <iframe frameborder="0" width="100%" height="100%" src="{{{this.serviceUrl}}}" webkitallowfullscreen mozallowfullscreen allowfullscreen scrolling='no'></iframe>
                     {{#unless this.fixedHeight}}</div>{{/unless}}                        
                 </div>
-            
             {{else}}
-            
+                <!-- Embedding via JS without DataPolicyCheck-->  
                 <div class="c-externalService__{{this.externalServiceConfig.externalServiceId}} js-load"
-                    data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}", "embedType": "{{this.externalServiceConfig.externalServiceEmbedType}}", "dataPolicyCheck": false, "iFrameConfig":{}}'>
-                </div>
-                
-            {{/if}}
-                
+                    data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}","embedType": "{{this.externalServiceConfig.externalServiceEmbedType}}","dataPolicyCheck": false,"iFrameConfig":{}}'>
+                </div>  
+            {{/if}}    
             {{~> components/externalService/components/external_service_caption ~}}
-            
             <span class="sr-only">{{loca "story_externalservice_outro_sr" }}</span>    
         </div>
     {{/if}}

package/src/stories/views/components/externalService/external_service.mdx

@@ -26,21 +26,4 @@ Die interaktiven Elemente sind:
 
 
 ## Beispiel Dienst Giphy
-<Story of={ExternalServiceStories.ExterneDiensteGiphy} />
-
-## Beispiel Dienst Datawrapper mit responsivem Iframe
-Der Datawrapper wird standardmässig mit einem responsiven Iframe geladen, d.h. das der Inhalt des Iframes - die Datengrafik - an den äußeren Container skaliert wird.
-
-<Story of={ExternalServiceStories.ExterneDiensteDatawrapper} />
-
-## Beispiel Dienst Datawrapper ohne responsives Iframe und fester Höhe
-Ist die Konfiguration "NoResponsiveIFrame" auf TRUE gesetzt werden die Felder für "FixedHeight" und "AspectRatio" ausgelesen. Ist das Feld FixedHeight befüllt, wird der Wert daraus übernommen
-<Story of={ExternalServiceStories.ExterneDiensteDatawrapperNoResponsiveFixedHeight} />
-
-## Beispiel Dienst Datawrapper ohne responsives Iframe und AspectRatio
-Ist die Konfiguration "NoResponsiveIFrame" auf TRUE gesetzt werden die Felder für "FixedHeight" und "AspectRatio" ausgelesen. Ist das Feld AspectRatio ausgewählt wird der Wert daraus übernommen
-<Story of={ExternalServiceStories.ExterneDiensteDatawrapperNoResponsiveAspectRatio} />
-
-
-## Beispiel Dienst Datawrapper mit ContentRefresher
-<Story of={ExternalServiceStories.ExterneDiensteDatawrapperContentRefresher} />
+<Story of={ExternalServiceStories.ExterneDiensteGiphy} />

package/src/stories/views/components/externalService/external_service.stories.js

@@ -28,6 +28,11 @@ export const ExterneDiensteGiphy = {
     name: 'Externe Dienste Giphy',
     args: ExternalServiceContent.Giphy, 
 }
+export const ExterneDiensteFlourish = {
+    render: TemplatePageExternalService.bind({}),
+    name: 'Externe Dienste Flourish',
+    args: ExternalServiceContent.Flourish, 
+}
 export const ExterneDiensteDatawrapper = {
     render: TemplatePageExternalService.bind({}),
     name: 'Externe Dienste Datawrapper MIT Responsivem Iframe',

package/src/stories/views/components/externalService/external_service_with_datapolicy_check.hbs

@@ -1,9 +1,8 @@
 <div class="grid clear-both mt-10">
-        {{~> components/base/a11y/hiddenText _locaTag="story_externalservice_intro_sr" ~}}
+        {{~> components/base/a11y/hiddenText _locaTag="story_externalservice_intro_sr" ~}}        
         <div class="c-externalService c-externalService__{{this.externalServiceConfig.externalServiceId}} js-load"
-             data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}", "embedType": "{{this.externalServiceConfig.externalServiceEmbedType}}", "dataPolicyCheck": true,"iFrameConfig": {"heightClass":""{{#if
-                 this.fixedHeight}},"fixedHeight":"{{this.fixedHeight}}", "fixedHeightClass":"-fixedHeight"{{else}},{{#if
-                 this.aspectRatio}}"aspectRatio":"{{this.aspectRatio}}"{{else}}"aspectRatio":"16x9"{{/if}}{{/if}},"noResponsiveIframe":"{{{this.setResponsiveIframe}}}","refreshContent":"{{{this.setTimedReloadIframe}}}","refreshIntervall":"{{this.setTimeForReload}}"}}'>
+             data-hr-external-service-ds='{"id":"{{this.externalServiceConfig.externalServiceId}}","embedCode":"{{this.serviceUrl}}","embedType":"{{this.externalServiceConfig.externalServiceEmbedType}}","dataPolicyCheck": true,"iFrameConfig": { {{#if this.fixedHeight}}
+                "fixedHeight":"{{this.fixedHeight}}"{{else}}{{#if this.aspectRatio}}"aspectRatio":"{{this.aspectRatio}}"{{else}}"aspectRatio":"16x9"{{/if}}{{/if}},"noResponsiveIframe":"{{{this.setResponsiveIframe}}}"{{#if this.setTimedReloadIframe}},"refreshContent":"{{{this.setTimedReloadIframe}}}","refreshIntervall":"{{this.setTimeForReload}}"{{/if}} }}'>
             {{~> components/externalService/components/external_service_data_policy ~}}
         </div>
         {{~> components/externalService/components/external_service_caption ~}}

package/src/stories/views/components/externalService/fixtures/external_service_with_datapolicy.json

@@ -26,7 +26,37 @@
         "setTimedReloadIframe": false,
         "setTimeForReload": ""
     },      
-    "Datawrapper_CDN": {
+    "Datawrapper_CDN_NoResponsiveFixedHeightReload": {
+        "externalServiceConfig": {
+            "makeConfigurable": true,
+            "embedAsIFrame": false,
+            "externalServiceId": "datawrapper_cdn",
+            "externalServiceEmbedType": "js",
+            "externalServiceName": "Datawrapper (Datengrafik)"
+        },
+        "serviceUrl": "https://datawrapper.dwcdn.net/IC3Xn/1/",
+        "fixedHeight": "700",
+        "aspectRatio": "",
+        "setResponsiveIframe": true,
+        "setTimedReloadIframe": true,
+        "setTimeForReload": "300"
+    },
+    "Datawrapper_CDN_NoResponsiveFixedHeight": {
+        "externalServiceConfig": {
+            "makeConfigurable": true,
+            "embedAsIFrame": false,
+            "externalServiceId": "datawrapper_cdn",
+            "externalServiceEmbedType": "js",
+            "externalServiceName": "Datawrapper (Datengrafik)"
+        },
+        "serviceUrl": "https://datawrapper.dwcdn.net/IC3Xn/1/",
+        "fixedHeight": "700",
+        "aspectRatio": "",
+        "setResponsiveIframe": true,
+        "setTimedReloadIframe": false,
+        "setTimeForReload": ""
+    },
+    "Datawrapper_CDN_NoResponsiveAspectRatio": {
         "externalServiceConfig": {
             "makeConfigurable": true,
             "embedAsIFrame": false,
@@ -35,11 +65,27 @@
             "externalServiceName": "Datawrapper (Datengrafik)"
         },
         "serviceUrl": "https://datawrapper.dwcdn.net/IC3Xn/1/",
-        "fixedHeight": "380",
+        "fixedHeight": "",
+        "aspectRatio": "4x3",
         "setResponsiveIframe": true,
         "setTimedReloadIframe": false,
         "setTimeForReload": ""
     },
+    "Datawrapper_CDN": {
+        "externalServiceConfig": {
+            "makeConfigurable": true,
+            "embedAsIFrame": false,
+            "externalServiceId": "datawrapper_cdn",
+            "externalServiceEmbedType": "js",
+            "externalServiceName": "Datawrapper (Datengrafik)"
+        },
+        "serviceUrl": "https://datawrapper.dwcdn.net/IC3Xn/1/",
+        "fixedHeight": "",
+        "aspectRatio": "",
+        "setResponsiveIframe": false,
+        "setTimedReloadIframe": false,
+        "setTimeForReload": ""
+    },
     "Esri": {
         "externalServiceConfig": {
             "makeConfigurable": true,

package/src/stories/views/components/mediaplayer/media_player.hbs

@@ -9,7 +9,7 @@
         {{/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-adjust_context "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-adjust_context "ar__content ") _noDelay=this.dontLazyload ~}}                             
             {{#if this.isTickerTeaser}}</a>{{/if}}
         {{/with}}
 

package/src/stories/views/components/mediaplayer/mediaplayer_button.hbs

@@ -1,7 +1,7 @@
 {{#with this}}
     {{#> components/button/button _variant="tertiary" _type="button" _css=_css _alpineClick="avStart = !avStart; $dispatch('player_start')"}}
         {{#with this}}
-            {{> components/base/image/icon _addClass=(appendToDefault (if _isLivestream-adjust_context "text-orange-spicyCarrot group-hover:fill-orange-spicyCarrot" "text-media-button group-hover:fill-media-button") "w-10 h-10  fill-white group-hover:text-white inline") _icon=_icon-adjust_context}}
+            {{> components/base/image/icon _addClass=(appendToDefault (if _isLivestream-adjust_context "text-orange-spicyCarrot group-hover:fill-orange-spicyCarrot" "text-media-button group-hover:fill-media-button") "w-10 h-10  fill-white group-hover:text-white inline ") _icon=_icon-adjust_context}}
             {{#*inline "css"}}{{/inline}}
         {{/with}}
         {{>components/button/components/button_label _css="sr-only" _label=_label-adjust_context}}

package/src/stories/views/components/teaser/cluster/teaser_cluster_item.hbs

@@ -1,4 +1,4 @@
-{{#>components/base/link _link=this.link _css=(appendToDefault (if _firstItem "ds-teaser-focus") "block group") }} 
+{{#>components/base/link _link=this.link _css=(appendToDefault (if _firstItem "ds-teaser-focus ") "block group") }} 
     {{#if this.label}}
         {{#> components/label/label_group _css=(if _ordered-adjust_context "pl-8")}}
             {{> components/label/label _type=this.label.type _text=(loca this.label.loca) _css=""}}
@@ -6,7 +6,7 @@
         {{/components/label/label_group}}
     {{/if~}}
     {{#> components/teaser/components/teaser_headline _css="" _headlineTag="h3"}}
-        {{> components/teaser/components/teaser_title _css=(appendToDefault (if _ordered-adjust_context " pl-8") "group-hover:underline text-clusterTeaserLink") _text=this.title _size=_size-adjust_context _teaserType="cluster" _firstItem=_firstItem-adjust_context}}
+        {{> components/teaser/components/teaser_title _css=(appendToDefault (if _ordered-adjust_context " pl-8 ") "group-hover:underline text-clusterTeaserLink") _text=this.title _size=_size-adjust_context _teaserType="cluster" _firstItem=_firstItem-adjust_context}}
     {{/components/teaser/components/teaser_headline}}    
 {{/components/base/link}}
 {{> components/teaser/cluster/teaser_cluster_byline _ordered=_ordered}}

package/src/stories/views/components/teaser/fixtures/teaser_event_calendar_100_no_future_events.json

@@ -1 +1 @@
-{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_standard","includeModel":{"teaserSize":"100","realTeaserSize":"100","title":"Konzertkalender","eventCalendar":{"months":[{"date":{"monthNameShort":"Mai","yearShort":"22"},"hasDays":true,"days":[{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-05-21"}}],"date":{"weekdayNameShort":"Fr","day":"21","htmlDate":"2021-05-21"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-05-22"}}],"date":{"weekdayNameShort":"Sa","day":"22","htmlDate":"2021-05-22"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-05-23"}}],"date":{"weekdayNameShort":"So","day":"23","htmlDate":"2021-04-23"}}]},{"date":{"monthNameShort":"Jun","yearShort":"22"},"hasDays":true,"days":[{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-06-21"}}],"date":{"weekdayNameShort":"Fr","day":"21","htmlDate":"2021-06-21"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-06-22"}}],"date":{"weekdayNameShort":"Sa","day":"22","htmlDate":"2021-06-22"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-06-23"}}],"date":{"weekdayNameShort":"So","day":"23","htmlDate":"2021-06-23"}}]},{"date":{"monthNameShort":"Jul","yearShort":"22"},"hasDays":true,"days":[{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-07-21"}}],"date":{"weekdayNameShort":"Fr","day":"21","htmlDate":"2021-07-21"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-07-22"}}],"date":{"weekdayNameShort":"Sa","day":"22","htmlDate":"2021-07-22"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-07-23"}}],"date":{"weekdayNameShort":"So","day":"23","htmlDate":"2021-07-23"}}]},{"date":{"monthNameShort":"Aug","yearShort":"22"},"hasDays":true,"days":[{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-08-21"}}],"date":{"weekdayNameShort":"Fr","day":"21","htmlDate":"2021-08-21"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-08-22"}}],"date":{"weekdayNameShort":"Sa","day":"22","htmlDate":"2021-08-22"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-08-23"}}],"date":{"weekdayNameShort":"So","day":"23","htmlDate":"2021-08-23"}}]},{"date":{"monthNameShort":"Dez","yearShort":"22"},"hasDays":true,"days":[{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-09-21"}}],"date":{"weekdayNameShort":"Di","day":"21","htmlDate":"2021-09-21"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-09-22"}}],"date":{"weekdayNameShort":"Mi","day":"22","htmlDate":"2021-09-22"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-09-23"}}],"date":{"weekdayNameShort":"Do","day":"23","htmlDate":"2021-09-23"}}]}],"hasSelectedEvents":true,"hasFutureEventsFromNow":false},"link":{"url":"/monatsuebersicht-100","webviewUrl":"/monatsuebersicht-100#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"event","loca":"label_event","byline":{"bylineSsi":" ","bylineText":"BylineText"}}}}}
+{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_standard","includeModel":{"teaserSize":"100","realTeaserSize":"100","title":"Konzertkalender","uuid":"0a9e6389-d1a1-4af5-875d-4047cc2a82cb","eventCalendar":{"months":[{"date":{"monthNameShort":"Mai","yearShort":"22"},"hasDays":true,"days":[{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-05-21"}}],"date":{"weekdayNameShort":"Fr","day":"21","htmlDate":"2021-05-21"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-05-22"}}],"date":{"weekdayNameShort":"Sa","day":"22","htmlDate":"2021-05-22"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-05-23"}}],"date":{"weekdayNameShort":"So","day":"23","htmlDate":"2021-04-23"}}]},{"date":{"monthNameShort":"Jun","yearShort":"22"},"hasDays":true,"days":[{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-06-21"}}],"date":{"weekdayNameShort":"Fr","day":"21","htmlDate":"2021-06-21"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-06-22"}}],"date":{"weekdayNameShort":"Sa","day":"22","htmlDate":"2021-06-22"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-06-23"}}],"date":{"weekdayNameShort":"So","day":"23","htmlDate":"2021-06-23"}}]},{"date":{"monthNameShort":"Jul","yearShort":"22"},"hasDays":true,"days":[{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-07-21"}}],"date":{"weekdayNameShort":"Fr","day":"21","htmlDate":"2021-07-21"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-07-22"}}],"date":{"weekdayNameShort":"Sa","day":"22","htmlDate":"2021-07-22"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-07-23"}}],"date":{"weekdayNameShort":"So","day":"23","htmlDate":"2021-07-23"}}]},{"date":{"monthNameShort":"Aug","yearShort":"22"},"hasDays":true,"days":[{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-08-21"}}],"date":{"weekdayNameShort":"Fr","day":"21","htmlDate":"2021-08-21"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-08-22"}}],"date":{"weekdayNameShort":"Sa","day":"22","htmlDate":"2021-08-22"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-08-23"}}],"date":{"weekdayNameShort":"So","day":"23","htmlDate":"2021-08-23"}}]},{"date":{"monthNameShort":"Dez","yearShort":"22"},"hasDays":true,"days":[{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-09-21"}}],"date":{"weekdayNameShort":"Di","day":"21","htmlDate":"2021-09-21"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-09-22"}}],"date":{"weekdayNameShort":"Mi","day":"22","htmlDate":"2021-09-22"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2021-09-23"}}],"date":{"weekdayNameShort":"Do","day":"23","htmlDate":"2021-09-23"}}]}],"hasSelectedEvents":true,"hasFutureEventsFromNow":false},"link":{"url":"/monatsuebersicht-100","webviewUrl":"/monatsuebersicht-100#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"event","loca":"label_event","byline":{"bylineSsi":" ","bylineText":"BylineText"}}}}}

package/src/stories/views/components/teaser/fixtures/teaser_event_calendar_100_serif.json

@@ -1 +1 @@
-{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"teaserSize":"100","realTeaserSize":"100","title":"Konzertkalender","eventCalendar":{"months":[{"date":{"monthNameShort":"Mai","yearShort":"22"},"hasDays":true,"days":[{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-05-21"}}],"date":{"weekdayNameShort":"Fr","day":"21","htmlDate":"2022-05-21"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-05-22"}}],"date":{"weekdayNameShort":"Sa","day":"22","htmlDate":"2022-05-22"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-05-23"}}],"date":{"weekdayNameShort":"So","day":"23","htmlDate":"2022-04-23"}}]},{"date":{"monthNameShort":"Jun","yearShort":"22"},"hasDays":true,"days":[{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-06-21"}}],"date":{"weekdayNameShort":"Fr","day":"21","htmlDate":"2022-06-21"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-06-22"}}],"date":{"weekdayNameShort":"Sa","day":"22","htmlDate":"2022-06-22"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-06-23"}}],"date":{"weekdayNameShort":"So","day":"23","htmlDate":"2022-06-23"}}]},{"date":{"monthNameShort":"Jul","yearShort":"22"},"hasDays":true,"days":[{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-07-21"}}],"date":{"weekdayNameShort":"Fr","day":"21","htmlDate":"2022-07-21"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-07-22"}}],"date":{"weekdayNameShort":"Sa","day":"22","htmlDate":"2022-07-22"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-07-23"}}],"date":{"weekdayNameShort":"So","day":"23","htmlDate":"2022-07-23"}}]},{"date":{"monthNameShort":"Aug","yearShort":"22"},"hasDays":true,"days":[{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-08-21"}}],"date":{"weekdayNameShort":"Fr","day":"21","htmlDate":"2022-08-21"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-08-22"}}],"date":{"weekdayNameShort":"Sa","day":"22","htmlDate":"2022-08-22"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-08-23"}}],"date":{"weekdayNameShort":"So","day":"23","htmlDate":"2022-08-23"}}]},{"date":{"monthNameShort":"Sep","yearShort":"22"},"hasDays":true,"days":[{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-09-21"}}],"date":{"weekdayNameShort":"Di","day":"21","htmlDate":"2022-09-21"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-09-22"}}],"date":{"weekdayNameShort":"Mi","day":"22","htmlDate":"2022-09-22"}},{"date":{"weekdayNameShort":"Do","day":"23","htmlDate":"2022-09-23"},"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-09-23"}}],"isStartOfWeek":false}]},{"date":{"monthNameShort":"Jan","yearShort":"23"},"hasDays":true,"isCurrentMonth":true,"hasFutureEventsFromNow":true,"contentUrl":"https://localhost:6006:/hr-bigband/konzerte/veranstaltungen-112~_month-2023-01.html","days":[{"isStartOfWeek":true,"hasInstants":true,"isFirstAvailable":true,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-01-09","day":9,"weekdayNameShort":"Mo","monthNameShort":"Jan"},"startTime":{"time":"18:00"},"image":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/emmanuel-tjeknavorian-108_v-16to9.jpg","sources":[{"media":"all and (min-width: 1024px)","sizes":"25rem","srcset":"images/emmanuel-tjeknavorian-108_v-16to9__small.jpg 320w, images/emmanuel-tjeknavorian-108_v-16to9__medium.jpg 480w, images/emmanuel-tjeknavorian-108_v-16to9__medium__extended.jpg 640w, images/emmanuel-tjeknavorian-108_v-16to9.jpg 960w, images/emmanuel-tjeknavorian-108_v-16to9__retina.jpg 1920w"},{"media":"all and (max-width: 1023px)","sizes":"(min-width: 640px) 25rem, 100vw","srcset":"images/emmanuel-tjeknavorian-108_v-4to3__small.jpg 320w, images/emmanuel-tjeknavorian-108_v-4to3__medium.jpg 480w, images/emmanuel-tjeknavorian-108_v-4to3.jpg 650w, images/emmanuel-tjeknavorian-108_v-4to3__retina.jpg 1300w"}]}},"link":{"url":"/event_100","webviewUrl":"/event_100#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Event","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"event","loca":"label_concert","byline":{"bylineSsi":"components/event/label_byline.ssi","context":{"firstInstant":{"hasStatus":false,"statusDescriptionForLabelShort":"event_status_cancelled","hasStartTime":true,"startDateTime":{"date":"14.10.22","time":"20:00"}},"moreThenOneEvent":false,"countEvents":1},"bylineText":"BylineText"}},"title":"Finale: Landeswettbewerb Jugend jazzt Hessen für Big Bands","eventtags":{"series":{"title":"Hessen lacht"},"project":{"title":"HR Bigband sucht den Superjazzer"}},"venue":{"addressCity":"Frankfurt","title":"Festhalle"},"isSoldOut":false,"isEventFinished":false,"hasStatus":true,"statusDescriptionForLabelShort":"event_status_cancelled","ticketLink":{"link":{"url":"https://hr.de","isTargetBlank":true,"webviewUrl":"","readMoreText":"","cmsDocument":{"trackingInformations":{"ticketLink":"finale-_landeswettbewerb_jugend_jazzt_hessen_fuer_big_bands_ticketoverlay_ok_geklickt_dokumentent_id_sophora_id_des_dokumentes_100"}}}},"concertInfo":{"artists":{"artistsAndGroups":[{"artist":{"name":"Peter Maffay","groupName":"hr bigband","role":"Sänger"},"artistGroup":"hr bigband"}],"isEmpty":false,"description":"Tolle Künstler"},"compositions":{"isEmpty":false,"description":"Komposition-Description","compositions":[{"composerAndComposition":true,"composer":"Udo Lindenberg","name":"Horizont"}]},"concertInfoHead":{"title":"Das Fest","description":"Ein tolles Festival erwartet Sie","isEmpty":false},"isEmpty":false}},{"isDateInstant":false,"startDate":{"htmlDate":"2023-01-09","day":9,"weekdayNameShort":"Fr","monthNameShort":"Jan"},"startTime":{"time":"18:00"},"image":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/emmanuel-tjeknavorian-108_v-16to9.jpg","sources":[{"media":"all and (min-width: 1024px)","sizes":"25rem","srcset":"images/emmanuel-tjeknavorian-108_v-16to9__small.jpg 320w, images/emmanuel-tjeknavorian-108_v-16to9__medium.jpg 480w, images/emmanuel-tjeknavorian-108_v-16to9__medium__extended.jpg 640w, images/emmanuel-tjeknavorian-108_v-16to9.jpg 960w, images/emmanuel-tjeknavorian-108_v-16to9__retina.jpg 1920w"},{"media":"all and (max-width: 1023px)","sizes":"(min-width: 640px) 25rem, 100vw","srcset":"images/emmanuel-tjeknavorian-108_v-4to3__small.jpg 320w, images/emmanuel-tjeknavorian-108_v-4to3__medium.jpg 480w, images/emmanuel-tjeknavorian-108_v-4to3.jpg 650w, images/emmanuel-tjeknavorian-108_v-4to3__retina.jpg 1300w"}]}},"label":{"type":"event","loca":"label_concert","byline":{"bylineSsi":"components/event/label_byline.ssi","context":{"firstInstant":{"hasStatus":false,"statusDescriptionForLabelShort":"event_status_cancelled","hasStartTime":true,"startDateTime":{"date":"14.10.22","time":"20:00"}},"moreThenOneEvent":false,"countEvents":1},"bylineText":"BylineText"}},"title":"Finale: Landeswettbewerb Jugend jazzt Hessen für Big Bands","eventtags":{"series":{"title":"Hessen lacht"},"project":{"title":"HR Bigband sucht den Superjazzer"}},"link":{"url":"/event_100","webviewUrl":"/event_100#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Event","readMore":"mehr","readMoreLong":"read More Long"}},"venue":{"addressCity":"Frankfurt","title":"Festhalle"},"concertInfo":{"artists":{"artistsAndGroups":[{"artist":{"name":"Peter Maffay","groupName":"hr bigband","role":"Sänger"},"artistGroup":"hr bigband"}],"isEmpty":false,"description":"Tolle Künstler"},"compositions":{"isEmpty":false,"description":"Komposition-Description","compositions":[{"composerAndComposition":true,"composer":"Udo Lindenberg","name":"Horizont"}]},"concertInfoHead":{"title":"Das Fest","description":"Ein tolles Festival erwartet Sie","isEmpty":false},"isEmpty":false}}],"date":{"weekdayNameShort":"Fr","day":"9","htmlDate":"2023-01-09"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-01-10","day":10,"weekdayNameShort":"Di","monthNameShort":"Jan"},"startTime":{"time":"18:00"},"image":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/emmanuel-tjeknavorian-108_v-16to9.jpg","sources":[{"media":"all and (min-width: 1024px)","sizes":"25rem","srcset":"images/emmanuel-tjeknavorian-108_v-16to9__small.jpg 320w, images/emmanuel-tjeknavorian-108_v-16to9__medium.jpg 480w, images/emmanuel-tjeknavorian-108_v-16to9__medium__extended.jpg 640w, images/emmanuel-tjeknavorian-108_v-16to9.jpg 960w, images/emmanuel-tjeknavorian-108_v-16to9__retina.jpg 1920w"},{"media":"all and (max-width: 1023px)","sizes":"(min-width: 640px) 25rem, 100vw","srcset":"images/emmanuel-tjeknavorian-108_v-4to3__small.jpg 320w, images/emmanuel-tjeknavorian-108_v-4to3__medium.jpg 480w, images/emmanuel-tjeknavorian-108_v-4to3.jpg 650w, images/emmanuel-tjeknavorian-108_v-4to3__retina.jpg 1300w"}]}},"label":{"type":"event","loca":"label_concert","byline":{"bylineSsi":"components/event/label_byline.ssi","context":{"firstInstant":{"hasStatus":false,"statusDescriptionForLabelShort":"event_status_cancelled","hasStartTime":true,"startDateTime":{"date":"14.10.22","time":"20:00"}},"moreThenOneEvent":false,"countEvents":1},"bylineText":"BylineText"}},"title":"Finale: Landeswettbewerb Jugend jazzt Hessen für Big Bands","eventtags":{"series":{"title":"Hessen lacht"},"project":{"title":"HR Bigband sucht den Superjazzer"}},"link":{"url":"/event_100","webviewUrl":"/event_100#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Event","readMore":"mehr","readMoreLong":"read More Long"}},"venue":{"addressCity":"Frankfurt","title":"Festhalle"},"concertInfo":{"artists":{"artistsAndGroups":[{"artist":{"name":"Peter Maffay","groupName":"hr bigband","role":"Sänger"},"artistGroup":"hr bigband"}],"isEmpty":false,"description":"Tolle Künstler"},"compositions":{"isEmpty":false,"description":"Komposition-Description","compositions":[{"composerAndComposition":true,"composer":"Udo Lindenberg","name":"Horizont"}]},"concertInfoHead":{"title":"Das Fest","description":"Ein tolles Festival erwartet Sie","isEmpty":false},"isEmpty":false}}],"date":{"weekdayNameShort":"Di","day":"10","htmlDate":"2023-01-10"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-01-11"}}],"date":{"weekdayNameShort":"So","day":"11","htmlDate":"2023-01-11"}},{"isStartOfWeek":true,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-01-12"}}],"date":{"weekdayNameShort":"Mo","day":"12","htmlDate":"2023-01-12"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-01-13"}}],"date":{"weekdayNameShort":"Di","day":"13","htmlDate":"2023-01-13"}}]},{"date":{"monthNameShort":"Feb","yearShort":"23"},"hasDays":true,"contentUrl":"https://localhost:6006:/hr-bigband/konzerte/veranstaltungen-112~_month-2023-01.html","days":[{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-02-09","day":9,"weekdayNameShort":"Fr","monthNameShort":"Jan"},"startTime":{"time":"18:00"},"image":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/emmanuel-tjeknavorian-108_v-16to9.jpg","sources":[{"media":"all and (min-width: 1024px)","sizes":"25rem","srcset":"images/emmanuel-tjeknavorian-108_v-16to9__small.jpg 320w, images/emmanuel-tjeknavorian-108_v-16to9__medium.jpg 480w, images/emmanuel-tjeknavorian-108_v-16to9__medium__extended.jpg 640w, images/emmanuel-tjeknavorian-108_v-16to9.jpg 960w, images/emmanuel-tjeknavorian-108_v-16to9__retina.jpg 1920w"},{"media":"all and (max-width: 1023px)","sizes":"(min-width: 640px) 25rem, 100vw","srcset":"images/emmanuel-tjeknavorian-108_v-4to3__small.jpg 320w, images/emmanuel-tjeknavorian-108_v-4to3__medium.jpg 480w, images/emmanuel-tjeknavorian-108_v-4to3.jpg 650w, images/emmanuel-tjeknavorian-108_v-4to3__retina.jpg 1300w"}]}},"label":{"type":"event","loca":"label_concert","byline":{"bylineSsi":"components/event/label_byline.ssi","context":{"firstInstant":{"hasStatus":false,"statusDescriptionForLabelShort":"event_status_cancelled","hasStartTime":true,"startDateTime":{"date":"14.10.22","time":"20:00"}},"moreThenOneEvent":false,"countEvents":1},"bylineText":"BylineText"}},"title":"Finale: Landeswettbewerb Jugend jazzt Hessen für Big Bands","eventtags":{"series":{"title":"Hessen lacht"},"project":{"title":"HR Bigband sucht den Superjazzer"}},"venue":{"addressCity":"Frankfurt","title":"Festhalle"},"concertInfo":{"artists":{"artistsAndGroups":[{"artist":{"name":"Peter Maffay","groupName":"hr bigband","role":"Sänger"},"artistGroup":"hr bigband"}],"isEmpty":false,"description":"Tolle Künstler"},"compositions":{"isEmpty":false,"description":"Komposition-Description","compositions":[{"composerAndComposition":true,"composer":"Udo Lindenberg","name":"Horizont"}]},"concertInfoHead":{"title":"Das Fest","description":"Ein tolles Festival erwartet Sie","isEmpty":false},"isEmpty":false}}],"date":{"weekdayNameShort":"Fr","day":"9","htmlDate":"2023-02-09"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-02-10","day":10,"weekdayNameShort":"Sa","monthNameShort":"Jan"},"image":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/pedro-martins-102_v-16to9.jpg","sources":[{"media":"all and (min-width: 1024px)","sizes":"25rem","srcset":"images/pedro-martins-102_v-16to9__small.jpg 320w, images/pedro-martins-102_v-16to9__medium.jpg 480w, images/pedro-martins-102_v-16to9__medium__extended.jpg 640w, images/pedro-martins-102_v-16to9.jpg 960w, images/pedro-martins-102_v-16to9__retina.jpg 1920w"},{"media":"all and (max-width: 1023px)","sizes":"(min-width: 640px) 25rem, 100vw","srcset":"images/pedro-martins-102_v-4to3__small.jpg 320w, images/pedro-martins-102_v-4to3__medium.jpg 480w, images/pedro-martins-102_v-4to3.jpg 650w, images/pedro-martins-102_v-4to3__retina.jpg 1300w"}]}},"label":{"type":"event","loca":"label_concert","byline":{"bylineSsi":"components/event/label_byline.ssi","context":{"firstInstant":{"hasStatus":false,"statusDescriptionForLabelShort":"event_status_cancelled","hasStartTime":true,"startDateTime":{"date":"14.10.22","time":"20:00"}},"moreThenOneEvent":false,"countEvents":1},"bylineText":"BylineText"}}}],"date":{"weekdayNameShort":"Sa","day":"10","htmlDate":"2023-02-10"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-02-11"}}],"date":{"weekdayNameShort":"So","day":"11","htmlDate":"2023-02-11"}},{"isStartOfWeek":true,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-02-12"}}],"date":{"weekdayNameShort":"Mo","day":"12","htmlDate":"2023-02-12"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-02-13"}}],"date":{"weekdayNameShort":"Di","day":"13","htmlDate":"2023-02-13"}}]},{"date":{"monthNameShort":"Mär","yearShort":"23"},"hasDays":true,"contentUrl":"https://localhost:6006:/hr-bigband/konzerte/veranstaltungen-112~_month-2023-01.html","days":[{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-03-09","day":9,"weekdayNameShort":"Fr","monthNameShort":"Jan"},"startTime":{"time":"18:00"},"image":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/emmanuel-tjeknavorian-108_v-16to9.jpg","sources":[{"media":"all and (min-width: 1024px)","sizes":"25rem","srcset":"images/emmanuel-tjeknavorian-108_v-16to9__small.jpg 320w, images/emmanuel-tjeknavorian-108_v-16to9__medium.jpg 480w, images/emmanuel-tjeknavorian-108_v-16to9__medium__extended.jpg 640w, images/emmanuel-tjeknavorian-108_v-16to9.jpg 960w, images/emmanuel-tjeknavorian-108_v-16to9__retina.jpg 1920w"},{"media":"all and (max-width: 1023px)","sizes":"(min-width: 640px) 25rem, 100vw","srcset":"images/emmanuel-tjeknavorian-108_v-4to3__small.jpg 320w, images/emmanuel-tjeknavorian-108_v-4to3__medium.jpg 480w, images/emmanuel-tjeknavorian-108_v-4to3.jpg 650w, images/emmanuel-tjeknavorian-108_v-4to3__retina.jpg 1300w"}]}},"label":{"type":"event","loca":"label_concert","byline":{"bylineSsi":"components/event/label_byline.ssi","context":{"firstInstant":{"hasStatus":false,"statusDescriptionForLabelShort":"event_status_cancelled","hasStartTime":true,"startDateTime":{"date":"14.10.22","time":"20:00"}},"moreThenOneEvent":false,"countEvents":1},"bylineText":"BylineText"}},"title":"Finale: Landeswettbewerb Jugend jazzt Hessen für Big Bands","eventtags":{"series":{"title":"Hessen lacht"},"project":{"title":"HR Bigband sucht den Superjazzer"}},"venue":{"addressCity":"Frankfurt","title":"Festhalle"},"concertInfo":{"artists":{"artistsAndGroups":[{"artist":{"name":"Peter Maffay","groupName":"hr bigband","role":"Sänger"},"artistGroup":"hr bigband"}],"isEmpty":false,"description":"Tolle Künstler"},"compositions":{"isEmpty":false,"description":"Komposition-Description","compositions":[{"composerAndComposition":true,"composer":"Udo Lindenberg","name":"Horizont"}]},"concertInfoHead":{"title":"Das Fest","description":"Ein tolles Festival erwartet Sie","isEmpty":false},"isEmpty":false}}],"date":{"weekdayNameShort":"Fr","day":"9","htmlDate":"2023-03-09"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-03-10","day":10,"weekdayNameShort":"Sa","monthNameShort":"Jan"},"image":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/pedro-martins-102_v-16to9.jpg","sources":[{"media":"all and (min-width: 1024px)","sizes":"25rem","srcset":"images/pedro-martins-102_v-16to9__small.jpg 320w, images/pedro-martins-102_v-16to9__medium.jpg 480w, images/pedro-martins-102_v-16to9__medium__extended.jpg 640w, images/pedro-martins-102_v-16to9.jpg 960w, images/pedro-martins-102_v-16to9__retina.jpg 1920w"},{"media":"all and (max-width: 1023px)","sizes":"(min-width: 640px) 25rem, 100vw","srcset":"images/pedro-martins-102_v-4to3__small.jpg 320w, images/pedro-martins-102_v-4to3__medium.jpg 480w, images/pedro-martins-102_v-4to3.jpg 650w, images/pedro-martins-102_v-4to3__retina.jpg 1300w"}]}},"label":{"type":"event","loca":"label_concert","byline":{"bylineSsi":"components/event/label_byline.ssi","context":{"firstInstant":{"hasStatus":false,"statusDescriptionForLabelShort":"event_status_cancelled","hasStartTime":true,"startDateTime":{"date":"14.10.22","time":"20:00"}},"moreThenOneEvent":false,"countEvents":1},"bylineText":"BylineText"}}}],"date":{"weekdayNameShort":"Sa","day":"10","htmlDate":"2023-03-10"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-03-11"}}],"date":{"weekdayNameShort":"So","day":"11","htmlDate":"2023-03-11"}},{"isStartOfWeek":true,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-03-12"}}],"date":{"weekdayNameShort":"Mo","day":"12","htmlDate":"2023-03-12"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-03-13"}}],"date":{"weekdayNameShort":"Di","day":"13","htmlDate":"2023-03-13"}}]}],"hasSelectedEvents":true,"hasFutureEventsFromNow":true},"link":{"url":"/monatsuebersicht-100","webviewUrl":"/monatsuebersicht-100#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"event","loca":"label_event","byline":{"bylineSsi":" ","bylineText":"BylineText"}}}}}
+{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"teaserSize":"100","realTeaserSize":"100","title":"Konzertkalender","uuid":"0a9e6389-d1a1-4af5-875d-4047cc2a82cb","eventCalendar":{"months":[{"date":{"monthNameShort":"Mai","yearShort":"22"},"hasDays":true,"days":[{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-05-21"}}],"date":{"weekdayNameShort":"Fr","day":"21","htmlDate":"2022-05-21"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-05-22"}}],"date":{"weekdayNameShort":"Sa","day":"22","htmlDate":"2022-05-22"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-05-23"}}],"date":{"weekdayNameShort":"So","day":"23","htmlDate":"2022-04-23"}}]},{"date":{"monthNameShort":"Jun","yearShort":"22"},"hasDays":true,"days":[{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-06-21"}}],"date":{"weekdayNameShort":"Fr","day":"21","htmlDate":"2022-06-21"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-06-22"}}],"date":{"weekdayNameShort":"Sa","day":"22","htmlDate":"2022-06-22"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-06-23"}}],"date":{"weekdayNameShort":"So","day":"23","htmlDate":"2022-06-23"}}]},{"date":{"monthNameShort":"Jul","yearShort":"22"},"hasDays":true,"days":[{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-07-21"}}],"date":{"weekdayNameShort":"Fr","day":"21","htmlDate":"2022-07-21"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-07-22"}}],"date":{"weekdayNameShort":"Sa","day":"22","htmlDate":"2022-07-22"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-07-23"}}],"date":{"weekdayNameShort":"So","day":"23","htmlDate":"2022-07-23"}}]},{"date":{"monthNameShort":"Aug","yearShort":"22"},"hasDays":true,"days":[{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-08-21"}}],"date":{"weekdayNameShort":"Fr","day":"21","htmlDate":"2022-08-21"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-08-22"}}],"date":{"weekdayNameShort":"Sa","day":"22","htmlDate":"2022-08-22"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-08-23"}}],"date":{"weekdayNameShort":"So","day":"23","htmlDate":"2022-08-23"}}]},{"date":{"monthNameShort":"Sep","yearShort":"22"},"hasDays":true,"days":[{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-09-21"}}],"date":{"weekdayNameShort":"Di","day":"21","htmlDate":"2022-09-21"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-09-22"}}],"date":{"weekdayNameShort":"Mi","day":"22","htmlDate":"2022-09-22"}},{"date":{"weekdayNameShort":"Do","day":"23","htmlDate":"2022-09-23"},"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2022-09-23"}}],"isStartOfWeek":false}]},{"date":{"monthNameShort":"Jan","yearShort":"23"},"hasDays":true,"isCurrentMonth":true,"hasFutureEventsFromNow":true,"contentUrl":"https://localhost:6006:/hr-bigband/konzerte/veranstaltungen-112~_month-2023-01.html","days":[{"isStartOfWeek":true,"hasInstants":true,"isFirstAvailable":true,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-01-09","day":9,"weekdayNameShort":"Mo","monthNameShort":"Jan"},"startTime":{"time":"18:00"},"image":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/emmanuel-tjeknavorian-108_v-16to9.jpg","sources":[{"media":"all and (min-width: 1024px)","sizes":"25rem","srcset":"images/emmanuel-tjeknavorian-108_v-16to9__small.jpg 320w, images/emmanuel-tjeknavorian-108_v-16to9__medium.jpg 480w, images/emmanuel-tjeknavorian-108_v-16to9__medium__extended.jpg 640w, images/emmanuel-tjeknavorian-108_v-16to9.jpg 960w, images/emmanuel-tjeknavorian-108_v-16to9__retina.jpg 1920w"},{"media":"all and (max-width: 1023px)","sizes":"(min-width: 640px) 25rem, 100vw","srcset":"images/emmanuel-tjeknavorian-108_v-4to3__small.jpg 320w, images/emmanuel-tjeknavorian-108_v-4to3__medium.jpg 480w, images/emmanuel-tjeknavorian-108_v-4to3.jpg 650w, images/emmanuel-tjeknavorian-108_v-4to3__retina.jpg 1300w"}]}},"link":{"url":"/event_100","webviewUrl":"/event_100#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Event","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"event","loca":"label_concert","byline":{"bylineSsi":"components/event/label_byline.ssi","context":{"firstInstant":{"hasStatus":false,"statusDescriptionForLabelShort":"event_status_cancelled","hasStartTime":true,"startDateTime":{"date":"14.10.22","time":"20:00"}},"moreThenOneEvent":false,"countEvents":1},"bylineText":"BylineText"}},"title":"Finale: Landeswettbewerb Jugend jazzt Hessen für Big Bands","eventtags":{"series":{"title":"Hessen lacht"},"project":{"title":"HR Bigband sucht den Superjazzer"}},"venue":{"addressCity":"Frankfurt","title":"Festhalle"},"isSoldOut":false,"isEventFinished":false,"hasStatus":true,"statusDescriptionForLabelShort":"event_status_cancelled","ticketLink":{"link":{"url":"https://hr.de","isTargetBlank":true,"webviewUrl":"","readMoreText":"","cmsDocument":{"trackingInformations":{"ticketLink":"finale-_landeswettbewerb_jugend_jazzt_hessen_fuer_big_bands_ticketoverlay_ok_geklickt_dokumentent_id_sophora_id_des_dokumentes_100"}}}},"concertInfo":{"artists":{"artistsAndGroups":[{"artist":{"name":"Peter Maffay","groupName":"hr bigband","role":"Sänger"},"artistGroup":"hr bigband"}],"isEmpty":false,"description":"Tolle Künstler"},"compositions":{"isEmpty":false,"description":"Komposition-Description","compositions":[{"composerAndComposition":true,"composer":"Udo Lindenberg","name":"Horizont"}]},"concertInfoHead":{"title":"Das Fest","description":"Ein tolles Festival erwartet Sie","isEmpty":false},"isEmpty":false}},{"isDateInstant":false,"startDate":{"htmlDate":"2023-01-09","day":9,"weekdayNameShort":"Fr","monthNameShort":"Jan"},"startTime":{"time":"18:00"},"image":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/emmanuel-tjeknavorian-108_v-16to9.jpg","sources":[{"media":"all and (min-width: 1024px)","sizes":"25rem","srcset":"images/emmanuel-tjeknavorian-108_v-16to9__small.jpg 320w, images/emmanuel-tjeknavorian-108_v-16to9__medium.jpg 480w, images/emmanuel-tjeknavorian-108_v-16to9__medium__extended.jpg 640w, images/emmanuel-tjeknavorian-108_v-16to9.jpg 960w, images/emmanuel-tjeknavorian-108_v-16to9__retina.jpg 1920w"},{"media":"all and (max-width: 1023px)","sizes":"(min-width: 640px) 25rem, 100vw","srcset":"images/emmanuel-tjeknavorian-108_v-4to3__small.jpg 320w, images/emmanuel-tjeknavorian-108_v-4to3__medium.jpg 480w, images/emmanuel-tjeknavorian-108_v-4to3.jpg 650w, images/emmanuel-tjeknavorian-108_v-4to3__retina.jpg 1300w"}]}},"label":{"type":"event","loca":"label_concert","byline":{"bylineSsi":"components/event/label_byline.ssi","context":{"firstInstant":{"hasStatus":false,"statusDescriptionForLabelShort":"event_status_cancelled","hasStartTime":true,"startDateTime":{"date":"14.10.22","time":"20:00"}},"moreThenOneEvent":false,"countEvents":1},"bylineText":"BylineText"}},"title":"Finale: Landeswettbewerb Jugend jazzt Hessen für Big Bands","eventtags":{"series":{"title":"Hessen lacht"},"project":{"title":"HR Bigband sucht den Superjazzer"}},"link":{"url":"/event_100","webviewUrl":"/event_100#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Event","readMore":"mehr","readMoreLong":"read More Long"}},"venue":{"addressCity":"Frankfurt","title":"Festhalle"},"concertInfo":{"artists":{"artistsAndGroups":[{"artist":{"name":"Peter Maffay","groupName":"hr bigband","role":"Sänger"},"artistGroup":"hr bigband"}],"isEmpty":false,"description":"Tolle Künstler"},"compositions":{"isEmpty":false,"description":"Komposition-Description","compositions":[{"composerAndComposition":true,"composer":"Udo Lindenberg","name":"Horizont"}]},"concertInfoHead":{"title":"Das Fest","description":"Ein tolles Festival erwartet Sie","isEmpty":false},"isEmpty":false}}],"date":{"weekdayNameShort":"Fr","day":"9","htmlDate":"2023-01-09"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-01-10","day":10,"weekdayNameShort":"Di","monthNameShort":"Jan"},"startTime":{"time":"18:00"},"image":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/emmanuel-tjeknavorian-108_v-16to9.jpg","sources":[{"media":"all and (min-width: 1024px)","sizes":"25rem","srcset":"images/emmanuel-tjeknavorian-108_v-16to9__small.jpg 320w, images/emmanuel-tjeknavorian-108_v-16to9__medium.jpg 480w, images/emmanuel-tjeknavorian-108_v-16to9__medium__extended.jpg 640w, images/emmanuel-tjeknavorian-108_v-16to9.jpg 960w, images/emmanuel-tjeknavorian-108_v-16to9__retina.jpg 1920w"},{"media":"all and (max-width: 1023px)","sizes":"(min-width: 640px) 25rem, 100vw","srcset":"images/emmanuel-tjeknavorian-108_v-4to3__small.jpg 320w, images/emmanuel-tjeknavorian-108_v-4to3__medium.jpg 480w, images/emmanuel-tjeknavorian-108_v-4to3.jpg 650w, images/emmanuel-tjeknavorian-108_v-4to3__retina.jpg 1300w"}]}},"label":{"type":"event","loca":"label_concert","byline":{"bylineSsi":"components/event/label_byline.ssi","context":{"firstInstant":{"hasStatus":false,"statusDescriptionForLabelShort":"event_status_cancelled","hasStartTime":true,"startDateTime":{"date":"14.10.22","time":"20:00"}},"moreThenOneEvent":false,"countEvents":1},"bylineText":"BylineText"}},"title":"Finale: Landeswettbewerb Jugend jazzt Hessen für Big Bands","eventtags":{"series":{"title":"Hessen lacht"},"project":{"title":"HR Bigband sucht den Superjazzer"}},"link":{"url":"/event_100","webviewUrl":"/event_100#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Event","readMore":"mehr","readMoreLong":"read More Long"}},"venue":{"addressCity":"Frankfurt","title":"Festhalle"},"concertInfo":{"artists":{"artistsAndGroups":[{"artist":{"name":"Peter Maffay","groupName":"hr bigband","role":"Sänger"},"artistGroup":"hr bigband"}],"isEmpty":false,"description":"Tolle Künstler"},"compositions":{"isEmpty":false,"description":"Komposition-Description","compositions":[{"composerAndComposition":true,"composer":"Udo Lindenberg","name":"Horizont"}]},"concertInfoHead":{"title":"Das Fest","description":"Ein tolles Festival erwartet Sie","isEmpty":false},"isEmpty":false}}],"date":{"weekdayNameShort":"Di","day":"10","htmlDate":"2023-01-10"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-01-11"}}],"date":{"weekdayNameShort":"So","day":"11","htmlDate":"2023-01-11"}},{"isStartOfWeek":true,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-01-12"}}],"date":{"weekdayNameShort":"Mo","day":"12","htmlDate":"2023-01-12"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-01-13"}}],"date":{"weekdayNameShort":"Di","day":"13","htmlDate":"2023-01-13"}}]},{"date":{"monthNameShort":"Feb","yearShort":"23"},"hasDays":true,"contentUrl":"https://localhost:6006:/hr-bigband/konzerte/veranstaltungen-112~_month-2023-01.html","days":[{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-02-09","day":9,"weekdayNameShort":"Fr","monthNameShort":"Jan"},"startTime":{"time":"18:00"},"image":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/emmanuel-tjeknavorian-108_v-16to9.jpg","sources":[{"media":"all and (min-width: 1024px)","sizes":"25rem","srcset":"images/emmanuel-tjeknavorian-108_v-16to9__small.jpg 320w, images/emmanuel-tjeknavorian-108_v-16to9__medium.jpg 480w, images/emmanuel-tjeknavorian-108_v-16to9__medium__extended.jpg 640w, images/emmanuel-tjeknavorian-108_v-16to9.jpg 960w, images/emmanuel-tjeknavorian-108_v-16to9__retina.jpg 1920w"},{"media":"all and (max-width: 1023px)","sizes":"(min-width: 640px) 25rem, 100vw","srcset":"images/emmanuel-tjeknavorian-108_v-4to3__small.jpg 320w, images/emmanuel-tjeknavorian-108_v-4to3__medium.jpg 480w, images/emmanuel-tjeknavorian-108_v-4to3.jpg 650w, images/emmanuel-tjeknavorian-108_v-4to3__retina.jpg 1300w"}]}},"label":{"type":"event","loca":"label_concert","byline":{"bylineSsi":"components/event/label_byline.ssi","context":{"firstInstant":{"hasStatus":false,"statusDescriptionForLabelShort":"event_status_cancelled","hasStartTime":true,"startDateTime":{"date":"14.10.22","time":"20:00"}},"moreThenOneEvent":false,"countEvents":1},"bylineText":"BylineText"}},"title":"Finale: Landeswettbewerb Jugend jazzt Hessen für Big Bands","eventtags":{"series":{"title":"Hessen lacht"},"project":{"title":"HR Bigband sucht den Superjazzer"}},"venue":{"addressCity":"Frankfurt","title":"Festhalle"},"concertInfo":{"artists":{"artistsAndGroups":[{"artist":{"name":"Peter Maffay","groupName":"hr bigband","role":"Sänger"},"artistGroup":"hr bigband"}],"isEmpty":false,"description":"Tolle Künstler"},"compositions":{"isEmpty":false,"description":"Komposition-Description","compositions":[{"composerAndComposition":true,"composer":"Udo Lindenberg","name":"Horizont"}]},"concertInfoHead":{"title":"Das Fest","description":"Ein tolles Festival erwartet Sie","isEmpty":false},"isEmpty":false}}],"date":{"weekdayNameShort":"Fr","day":"9","htmlDate":"2023-02-09"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-02-10","day":10,"weekdayNameShort":"Sa","monthNameShort":"Jan"},"image":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/pedro-martins-102_v-16to9.jpg","sources":[{"media":"all and (min-width: 1024px)","sizes":"25rem","srcset":"images/pedro-martins-102_v-16to9__small.jpg 320w, images/pedro-martins-102_v-16to9__medium.jpg 480w, images/pedro-martins-102_v-16to9__medium__extended.jpg 640w, images/pedro-martins-102_v-16to9.jpg 960w, images/pedro-martins-102_v-16to9__retina.jpg 1920w"},{"media":"all and (max-width: 1023px)","sizes":"(min-width: 640px) 25rem, 100vw","srcset":"images/pedro-martins-102_v-4to3__small.jpg 320w, images/pedro-martins-102_v-4to3__medium.jpg 480w, images/pedro-martins-102_v-4to3.jpg 650w, images/pedro-martins-102_v-4to3__retina.jpg 1300w"}]}},"label":{"type":"event","loca":"label_concert","byline":{"bylineSsi":"components/event/label_byline.ssi","context":{"firstInstant":{"hasStatus":false,"statusDescriptionForLabelShort":"event_status_cancelled","hasStartTime":true,"startDateTime":{"date":"14.10.22","time":"20:00"}},"moreThenOneEvent":false,"countEvents":1},"bylineText":"BylineText"}}}],"date":{"weekdayNameShort":"Sa","day":"10","htmlDate":"2023-02-10"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-02-11"}}],"date":{"weekdayNameShort":"So","day":"11","htmlDate":"2023-02-11"}},{"isStartOfWeek":true,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-02-12"}}],"date":{"weekdayNameShort":"Mo","day":"12","htmlDate":"2023-02-12"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-02-13"}}],"date":{"weekdayNameShort":"Di","day":"13","htmlDate":"2023-02-13"}}]},{"date":{"monthNameShort":"Mär","yearShort":"23"},"hasDays":true,"contentUrl":"https://localhost:6006:/hr-bigband/konzerte/veranstaltungen-112~_month-2023-01.html","days":[{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-03-09","day":9,"weekdayNameShort":"Fr","monthNameShort":"Jan"},"startTime":{"time":"18:00"},"image":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/emmanuel-tjeknavorian-108_v-16to9.jpg","sources":[{"media":"all and (min-width: 1024px)","sizes":"25rem","srcset":"images/emmanuel-tjeknavorian-108_v-16to9__small.jpg 320w, images/emmanuel-tjeknavorian-108_v-16to9__medium.jpg 480w, images/emmanuel-tjeknavorian-108_v-16to9__medium__extended.jpg 640w, images/emmanuel-tjeknavorian-108_v-16to9.jpg 960w, images/emmanuel-tjeknavorian-108_v-16to9__retina.jpg 1920w"},{"media":"all and (max-width: 1023px)","sizes":"(min-width: 640px) 25rem, 100vw","srcset":"images/emmanuel-tjeknavorian-108_v-4to3__small.jpg 320w, images/emmanuel-tjeknavorian-108_v-4to3__medium.jpg 480w, images/emmanuel-tjeknavorian-108_v-4to3.jpg 650w, images/emmanuel-tjeknavorian-108_v-4to3__retina.jpg 1300w"}]}},"label":{"type":"event","loca":"label_concert","byline":{"bylineSsi":"components/event/label_byline.ssi","context":{"firstInstant":{"hasStatus":false,"statusDescriptionForLabelShort":"event_status_cancelled","hasStartTime":true,"startDateTime":{"date":"14.10.22","time":"20:00"}},"moreThenOneEvent":false,"countEvents":1},"bylineText":"BylineText"}},"title":"Finale: Landeswettbewerb Jugend jazzt Hessen für Big Bands","eventtags":{"series":{"title":"Hessen lacht"},"project":{"title":"HR Bigband sucht den Superjazzer"}},"venue":{"addressCity":"Frankfurt","title":"Festhalle"},"concertInfo":{"artists":{"artistsAndGroups":[{"artist":{"name":"Peter Maffay","groupName":"hr bigband","role":"Sänger"},"artistGroup":"hr bigband"}],"isEmpty":false,"description":"Tolle Künstler"},"compositions":{"isEmpty":false,"description":"Komposition-Description","compositions":[{"composerAndComposition":true,"composer":"Udo Lindenberg","name":"Horizont"}]},"concertInfoHead":{"title":"Das Fest","description":"Ein tolles Festival erwartet Sie","isEmpty":false},"isEmpty":false}}],"date":{"weekdayNameShort":"Fr","day":"9","htmlDate":"2023-03-09"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-03-10","day":10,"weekdayNameShort":"Sa","monthNameShort":"Jan"},"image":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/pedro-martins-102_v-16to9.jpg","sources":[{"media":"all and (min-width: 1024px)","sizes":"25rem","srcset":"images/pedro-martins-102_v-16to9__small.jpg 320w, images/pedro-martins-102_v-16to9__medium.jpg 480w, images/pedro-martins-102_v-16to9__medium__extended.jpg 640w, images/pedro-martins-102_v-16to9.jpg 960w, images/pedro-martins-102_v-16to9__retina.jpg 1920w"},{"media":"all and (max-width: 1023px)","sizes":"(min-width: 640px) 25rem, 100vw","srcset":"images/pedro-martins-102_v-4to3__small.jpg 320w, images/pedro-martins-102_v-4to3__medium.jpg 480w, images/pedro-martins-102_v-4to3.jpg 650w, images/pedro-martins-102_v-4to3__retina.jpg 1300w"}]}},"label":{"type":"event","loca":"label_concert","byline":{"bylineSsi":"components/event/label_byline.ssi","context":{"firstInstant":{"hasStatus":false,"statusDescriptionForLabelShort":"event_status_cancelled","hasStartTime":true,"startDateTime":{"date":"14.10.22","time":"20:00"}},"moreThenOneEvent":false,"countEvents":1},"bylineText":"BylineText"}}}],"date":{"weekdayNameShort":"Sa","day":"10","htmlDate":"2023-03-10"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-03-11"}}],"date":{"weekdayNameShort":"So","day":"11","htmlDate":"2023-03-11"}},{"isStartOfWeek":true,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-03-12"}}],"date":{"weekdayNameShort":"Mo","day":"12","htmlDate":"2023-03-12"}},{"isStartOfWeek":false,"hasInstants":true,"isFirstAvailable":false,"instants":[{"isDateInstant":false,"startDate":{"htmlDate":"2023-03-13"}}],"date":{"weekdayNameShort":"Di","day":"13","htmlDate":"2023-03-13"}}]}],"hasSelectedEvents":true,"hasFutureEventsFromNow":true},"link":{"url":"/monatsuebersicht-100","webviewUrl":"/monatsuebersicht-100#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"event","loca":"label_event","byline":{"bylineSsi":" ","bylineText":"BylineText"}}}}}

package/src/stories/views/components/teaser/teaser_event_calendar.hbs

@@ -1,8 +1,11 @@
 <article class="col-span-12{{~inline-switch this.teaserSize '["50"]' '[" md:col-span-6"]'}}">
     {{#> components/event/calendar/event_calendar}}
+        {{#> components/modal/modal _type="userConsent" _trigger=(appendToDefault this.uuid '.js-ticket-button-user-consent-needed-')}}
+            {{> components/modal/user_consent _link=this.link _headline=(loca "ticket_modal_headline") _text=(loca "ticket_modal_text") _labelOk=(loca "ticket_modal_label_ok") _labelCancel=(loca "ticket_modal_label_cancel")}}
+        {{/components/modal/modal}}
         {{> components/event/calendar/event_calendar_heading _headlineTag="h3"}}
         {{> components/event/calendar/event_calendar_nav this.eventCalendar.months}}
-        {{> components/event/calendar/event_calendar_content this.eventCalendar}}
+        {{> components/event/calendar/event_calendar_content this.eventCalendar _userConsentCheckId=this.uuid}}
         {{> components/event/calendar/event_calendar_footer}}
     {{/components/event/calendar/event_calendar}}
 </article>