hr-design-system-handlebars 1.63.15 → 1.64.1

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

@@ -2,7 +2,7 @@
     {{#>components/grid/grid_group _backgroundColor=this.backgroundColor }} 
             {{~#if this.hasGroupTitle}}
                 <{{if this.headlineTag this.headlineTag "h2"}} class="text-2xl {{#unless this.isRelatedContent}} md:text-5xl{{else}} justifyLine{{/unless}} col-span-full py-0 font-title {{#if this.backgroundColor}} text-center{{else}} headline-barrier{{/if}}">
-                    {{~#if this.hasLink}}<a class="no-underline hover:underline decoration-1 md:decoration-2 text-link" href="{{this.link.url}}">{{/if~}}
+                    {{~#if this.hasLink}}<a class="{{if (isUserConsentNeeded this.link.url) 'js-user-consent-needed ' ''}}no-underline hover:underline decoration-1 md:decoration-2 text-link" href="{{this.link.url}}">{{/if~}}
                         {{this.groupTitle}}
                     {{~#if this.hasLink}}</a>{{/if~}}
                 </{{if this.headlineTag this.headlineTag "h2"}}>

package/dist/views_static/components/teaser/group_teaser/group_teaser_accented.hbs

@@ -3,7 +3,7 @@
         <div class="grid items-start content-start h-auto grid-cols-12 col-span-12 py-5 mx-5 group-accented sm:p-5 sm:mx-0 rounded-tl-hr rounded-br-hr bg-highlight-1 gap-x-6 gap-y-5">
             {{~#if this.hasGroupTitle}}
                 <h2 class="text-2xl md:text-5xl px-5 sm:px-0 col-span-full pt-0 pb-4 font-title {{#if this.backgroundColor}} text-center{{else}} headline-barrier{{/if}}">
-                    {{~#if this.hasLink}}<a class="no-underline hover:underline decoration-1 md:decoration-2 text-blue-science" href="{{this.link.url}}">{{/if~}}
+                    {{~#if this.hasLink}}<a class="{{if (isUserConsentNeeded this.link.url) 'js-user-consent-needed ' ''}}no-underline hover:underline decoration-1 md:decoration-2 text-blue-science" href="{{this.link.url}}">{{/if~}}
                     {{this.groupTitle}}
                     {{~#if this.hasLink}}</a>{{/if~}}
                 </h2>

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

@@ -20,7 +20,7 @@
                         {{/if}}
                     </div>
                 {{~/with}}                    
-                <a class="link-focus-white text-base js-load {{#if ../../_color}} text-{{../../_color}}{{else}} text-toplineColor{{/if}} underline decoration-1 ds-link" href="{{this.tickerItemUrl}}" rel="nofollow" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "TickerTeaser::{{../../this.sophoraId}}-TeaserPostLink geklickt"}]}'>{{this.relevantTitle}}</a>
+                <a class="{{if (isUserConsentNeeded this.tickerItemUrl) 'js-user-consent-needed ' ''}}link-focus-white text-base js-load {{#if ../../_color}} text-{{../../_color}}{{else}} text-toplineColor{{/if}} underline decoration-1 ds-link" href="{{this.tickerItemUrl}}" rel="nofollow" data-hr-click-tracking='{"settings": [{"type": "uxAction", "clickLabel": "TickerTeaser::{{../../this.sophoraId}}-TeaserPostLink geklickt"}]}'>{{this.relevantTitle}}</a>
             </li>
         {{~/each~}}
     </ul>

package/dist/views_static/components/topictag/topictag_list.hbs

@@ -5,7 +5,7 @@
         <ul class="flex flex-wrap sm:block gap-x-4 w-fit sm:w-full sm:pt-2 ">
             {{~#each this~}}
                 <li class="w-fit sm:w-full text-primary dark:text-standard-text-dark">
-                    <a class="block line-clamp-1 hover:underline gap-x-1" href="{{this.url}}">
+                    <a class="{{if (isUserConsentNeeded this.url) 'js-user-consent-needed ' ''}}block line-clamp-1 hover:underline gap-x-1" href="{{this.url}}">
                         {{~> components/base/image/icon _icon="taglabel" _addClass="inline w-4 h-4 mr-2 fill-current"~}}
 
                         {{~this.title~}}

package/package.json

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

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

@@ -112,6 +112,10 @@
     "livestream_plays": "Jetzt live",
     "livestream_will_play": "Startet am {0}",
     "livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
+    "modal_user_consent_headline": "Sie verlassen unser Angebot",
+    "modal_user_consent_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+    "modal_user_consent_label_cancel": "Abbrechen",
+    "modal_user_consent_label_ok": "Zur externen Internetseite",
     "poster_copyright": "Bild © {0}",
     "search_input_aria_submit": "Suche starten",
     "search_input_placeholder": "Ort oder Thema suchen",
@@ -132,6 +136,8 @@
     "story_program_supplier": "Thema in",
     "ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
     "ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+    "ticket_modal_label_ok":"Zum Ticketshop",
+    "ticket_modal_label_cancel":"Abbrechen",
     "ticker_more":"Zum Ticker",
     "topictag_headline": "Alle Beiträge zum Thema {0}",
     "topictag_metadescription_prefix": "Alle Beiträge zum Thema ",

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

@@ -112,6 +112,10 @@
 	"livestream_plays": "Jetzt live",
 	"livestream_will_play": "Startet am {0}",
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
+	"modal_user_consent_headline": "Sie verlassen unser Angebot",
+	"modal_user_consent_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"modal_user_consent_label_cancel": "Abbrechen",
+	"modal_user_consent_label_ok": "Zur externen Internetseite",
 	"poster_copyright": "Bild © {0}",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
@@ -132,6 +136,8 @@
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"ticket_modal_label_ok": "Zum Ticketshop",
+	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",

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

@@ -112,6 +112,10 @@
 	"livestream_plays": "Jetzt live",
 	"livestream_will_play": "Startet am {0}",
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
+	"modal_user_consent_headline": "Sie verlassen unser Angebot",
+	"modal_user_consent_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"modal_user_consent_label_cancel": "Abbrechen",
+	"modal_user_consent_label_ok": "Zur externen Internetseite",
 	"poster_copyright": "Bild © {0}",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
@@ -132,6 +136,8 @@
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"ticket_modal_label_ok": "Zum Ticketshop",
+	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",

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

@@ -112,6 +112,10 @@
 	"livestream_plays": "Jetzt live",
 	"livestream_will_play": "Startet am {0}",
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
+	"modal_user_consent_headline": "Sie verlassen unser Angebot",
+	"modal_user_consent_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"modal_user_consent_label_cancel": "Abbrechen",
+	"modal_user_consent_label_ok": "Zur externen Internetseite",
 	"poster_copyright": "Bild © {0}",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
@@ -132,6 +136,8 @@
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"ticket_modal_label_ok": "Zum Ticketshop",
+	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",

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

@@ -112,6 +112,10 @@
 	"livestream_plays": "Jetzt live",
 	"livestream_will_play": "Startet am {0}",
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
+	"modal_user_consent_headline": "Sie verlassen unser Angebot",
+	"modal_user_consent_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"modal_user_consent_label_cancel": "Abbrechen",
+	"modal_user_consent_label_ok": "Zur externen Internetseite",
 	"poster_copyright": "Bild © {0}",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
@@ -132,6 +136,8 @@
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"ticket_modal_label_ok": "Zum Ticketshop",
+	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",

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

@@ -112,6 +112,10 @@
 	"livestream_plays": "Jetzt live",
 	"livestream_will_play": "Startet am {0}",
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
+	"modal_user_consent_headline": "Sie verlassen unser Angebot",
+	"modal_user_consent_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"modal_user_consent_label_cancel": "Abbrechen",
+	"modal_user_consent_label_ok": "Zur externen Internetseite",
 	"poster_copyright": "Bild © {0}",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
@@ -132,6 +136,8 @@
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"ticket_modal_label_ok": "Zum Ticketshop",
+	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",

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

@@ -112,6 +112,10 @@
 	"livestream_plays": "Jetzt live",
 	"livestream_will_play": "Startet am {0}",
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
+	"modal_user_consent_headline": "Sie verlassen unser Angebot",
+	"modal_user_consent_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"modal_user_consent_label_cancel": "Abbrechen",
+	"modal_user_consent_label_ok": "Zur externen Internetseite",
 	"poster_copyright": "Bild © {0}",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
@@ -132,6 +136,8 @@
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"ticket_modal_label_ok": "Zum Ticketshop",
+	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",

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

@@ -112,6 +112,10 @@
 	"livestream_plays": "Jetzt live",
 	"livestream_will_play": "Startet am {0}",
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
+	"modal_user_consent_headline": "Sie verlassen unser Angebot",
+	"modal_user_consent_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"modal_user_consent_label_cancel": "Abbrechen",
+	"modal_user_consent_label_ok": "Zur externen Internetseite",
 	"poster_copyright": "Bild © {0}",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
@@ -132,6 +136,8 @@
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"ticket_modal_label_ok": "Zum Ticketshop",
+	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",

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

@@ -112,6 +112,10 @@
 	"livestream_plays": "Jetzt live",
 	"livestream_will_play": "Startet am {0}",
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
+	"modal_user_consent_headline": "Sie verlassen unser Angebot",
+	"modal_user_consent_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"modal_user_consent_label_cancel": "Abbrechen",
+	"modal_user_consent_label_ok": "Zur externen Internetseite",
 	"poster_copyright": "Bild © {0}",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
@@ -132,6 +136,8 @@
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"ticket_modal_label_ok": "Zum Ticketshop",
+	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",

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

@@ -112,6 +112,10 @@
 	"livestream_plays": "Jetzt live",
 	"livestream_will_play": "Startet am {0}",
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
+	"modal_user_consent_headline": "Sie verlassen unser Angebot",
+	"modal_user_consent_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"modal_user_consent_label_cancel": "Abbrechen",
+	"modal_user_consent_label_ok": "Zur externen Internetseite",
 	"poster_copyright": "Bild © {0}",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
@@ -132,6 +136,8 @@
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"ticket_modal_label_ok": "Zum Ticketshop",
+	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",

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

@@ -112,6 +112,10 @@
 	"livestream_plays": "Jetzt live",
 	"livestream_will_play": "Startet am {0}",
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
+	"modal_user_consent_headline": "Sie verlassen unser Angebot",
+	"modal_user_consent_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"modal_user_consent_label_cancel": "Abbrechen",
+	"modal_user_consent_label_ok": "Zur externen Internetseite",
 	"poster_copyright": "Bild © {0}",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
@@ -132,6 +136,8 @@
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"ticket_modal_label_ok": "Zum Ticketshop",
+	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",

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

@@ -112,6 +112,10 @@
 	"livestream_plays": "Jetzt live",
 	"livestream_will_play": "Startet am {0}",
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
+	"modal_user_consent_headline": "Sie verlassen unser Angebot",
+	"modal_user_consent_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"modal_user_consent_label_cancel": "Abbrechen",
+	"modal_user_consent_label_ok": "Zur externen Internetseite",
 	"poster_copyright": "Bild © {0}",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
@@ -132,6 +136,8 @@
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"ticket_modal_label_ok": "Zum Ticketshop",
+	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",

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

@@ -112,6 +112,10 @@
 	"livestream_plays": "Jetzt live",
 	"livestream_will_play": "Startet am {0}",
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
+	"modal_user_consent_headline": "Sie verlassen unser Angebot",
+	"modal_user_consent_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"modal_user_consent_label_cancel": "Abbrechen",
+	"modal_user_consent_label_ok": "Zur externen Internetseite",
 	"poster_copyright": "Bild © {0}",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
@@ -132,6 +136,8 @@
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"ticket_modal_label_ok": "Zum Ticketshop",
+	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",

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

@@ -112,6 +112,10 @@
 	"livestream_plays": "Jetzt live",
 	"livestream_will_play": "Startet am {0}",
 	"livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
+	"modal_user_consent_headline": "Sie verlassen unser Angebot",
+	"modal_user_consent_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"modal_user_consent_label_cancel": "Abbrechen",
+	"modal_user_consent_label_ok": "Zur externen Internetseite",
 	"poster_copyright": "Bild © {0}",
 	"search_input_aria_submit": "Suche starten",
 	"search_input_placeholder": "Ort oder Thema suchen",
@@ -132,6 +136,8 @@
 	"story_program_supplier": "Thema in",
 	"ticket_modal_headline": "Weiterleitung zu einem Ticketservice",
 	"ticket_modal_text": "Der Link öffnet eine Internetseite außerhalb unseres Angebots. Wir sind für den Inhalt externer Internetseiten nicht verantwortlich.",
+	"ticket_modal_label_ok": "Zum Ticketshop",
+	"ticket_modal_label_cancel": "Abbrechen",
 	"ticker_more": "Zum Ticker",
 	"topictag_headline": "Alle Beiträge zum Thema {0}",
 	"topictag_metadescription_prefix": "Alle Beiträge zum Thema ",

package/src/assets/fixtures/teaser/teaser_standard_50_serif_link_two_click.json

@@ -0,0 +1,22 @@
+{
+    "@->jsoninclude": "teaser/teasers.inc.json",
+    "@->contentpath": "teaser_link",
+    "@->overrides": [
+        {
+            "@->contentpath": "logicItem.includeModel.teaserSize",
+            "@->value": "50"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.realTeaserSize",
+            "@->value": "50"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.link.url",
+            "@->value": "https://tagesschau.de"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.link.isUserConsentNeeded",
+            "@->value": true
+        }
+    ]
+}

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

@@ -1659,7 +1659,8 @@
                         "readMoreScreenreader": "Zur Tagesschau Website",
                         "readMore": "Zur Tagesschau Website",
                         "readMoreLong": "Zur Tagesschau Website"
-                    }
+                    },
+                    "isUserConsentNeeded": false
                 }
             }
         }

package/src/stories/views/components/banner/header/banner_image.hbs

@@ -1,6 +1,6 @@
 {{#with this.bannerImage}}
     {{#if ../bannerLink}}
-        <a href="{{../bannerLink}}">
+        <a href="{{../bannerLink}}"{{#if (isUserConsentNeeded ../bannerLink)}} class="js-user-consent-needed"{{/if}}>
     {{/if}}
     {{#unless ../_hideOnMobile }}
         {{~> components/base/image/responsive_image _type="banner" _variant="default" _addClass="print:hidden" _noDelay="true" _title=(loca "banner_image_copyright" (strip this.copyrightWithLinks html)) ~}}

package/src/stories/views/components/base/backlink.hbs

@@ -1,4 +1,4 @@
-<a href="{{this}}" class="flex flex-nowrap items-center text-sm gap-x-2 text-primary hover:underline {{~#with _addClass }} {{this}}{{/with}}">
+<a href="{{this}}" class="{{if (isUserConsentNeeded this) 'js-user-consent-needed ' ''}}flex flex-nowrap items-center text-sm gap-x-2 text-primary hover:underline {{~#with _addClass }} {{this}}{{/with}}">
     {{~> components/base/image/icon _icon="arrow-left" _addClass="w-5 h-5 fill-current" ~}}
     {{~loca "backlink_title" ~}}
 </a>

package/src/stories/views/components/base/link.hbs

@@ -1,5 +1,5 @@
 <a {{#with _link.webviewUrl}}data-webviewurl="{{this}}"{{/with}} {{#if _link.isStaticUrl}}href="{{#if _link.site}}{{resourceUrl _link.url _site=_link.site}}{{else}}{{resourceUrl _link.url}}{{/if}}{{else}}href="{{_link.url}}{{/if}}{{#if this.hasComments}}#commentList{{/if}}"
-    class="sb-link ds-link js-load {{#if _isSelected}} {{defaultIfEmpty _selectedCssClass "-current"}}{{/if}}{{#if _css}} {{_css}}{{/if}} {{#> css}}{{/css}}"
+    class="sb-link ds-link js-load{{#if _link.isUserConsentNeeded}} js-user-consent-needed{{/if}} {{#if _isSelected}} {{defaultIfEmpty _selectedCssClass "-current"}}{{/if}}{{#if _css}} {{_css}}{{/if}} {{#> css}}{{/css}}"
     {{#if _link.isTargetBlank}} target="_blank"  rel="noopener{{#if _link.hasNoReferrerFlag}} noreferrer{{/if}}"{{/if}}
     {{#if _isAriaHidden}} aria-hidden="true" tabindex="-1"{{/if}}
     {{#> htmlProperties}}{{/htmlProperties}}

package/src/stories/views/components/dataPolicySettings/data_policy_settings.hbs

@@ -31,7 +31,7 @@
                     {{#with this.footerMetadata}}
                         {{#with this.dataProtectionLink}}
                             {{loca "cookies_setting_tracking_service_description_text"}}
-                            <a class="block mt-2 ds-link text-link hover:underline" target="_blank"
+                            <a class="{{if (isUserConsentNeeded this.url) 'js-user-consent-needed ' ''}}block mt-2 ds-link text-link hover:underline" target="_blank"
                             rel="noopener noreferrer" href="{{this.url}}"
                             title="Mehr Informationen zum Thema Datenschutz">Mehr Informationen zum Thema Datenschutz
                             {{#if this.isTargetBlank}}{{~> components/base/image/icon _icon="extern" _addClass="h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex" _iconmap="icons"~}}{{/if}}
@@ -48,7 +48,7 @@
             <ul class="{{#if _webview}} hidden{{/if}}">
                 <li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3] tracking_1">
                     <span class="text-base text-black">AGF <a
-                        class="mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer"
+                        class="{{if (isUserConsentNeeded 'https://www.agf.de/') 'js-user-consent-needed ' ''}}mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer"
                         href="https://www.agf.de/" title="AGF">(https://www.agf.de/){{~> components/base/image/icon _icon="extern" _addClass="h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex" _iconmap="icons"~}}</a></span>
                     <div class="flex w-fit toggleSwitch">
                         {{> components/forms/toggle_button _id="agf" _addClass="js-toggleSwitch-checkbox js-toggleSwitch-tracking" _isInitiallyHidden=false _screenReaderText="agf aktivieren/deaktivieren" }}
@@ -56,7 +56,7 @@
                 </li>
                 <li class="px-6 py-3 flex justify-between items-center bg-white border-t border-[#e3e3e3] tracking_2">
                     <span class="text-base text-black">AT Internet <a
-                        class="mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer"
+                        class="{{if (isUserConsentNeeded 'https://www.atinternet.com/de/') 'js-user-consent-needed ' ''}}mt-3 -mb-1 ds-link text-link hover:underline" target="_blank" rel="noopener noreferrer"
                         href="https://www.atinternet.com/de/"
                         title="AT Internet">(https://www.atinternet.com/de/){{~> components/base/image/icon _icon="extern" _addClass="h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex" _iconmap="icons"~}}</a></span>
                     <div class="flex w-fit toggleSwitch">
@@ -71,7 +71,7 @@
                     {{#with this.footerMetadata}}
                         {{#with this.dataProtectionLink}}
                             {{loca "cookies_setting_description_text"}}
-                            <a class="block mt-2 ds-link text-link hover:underline" target="_blank"
+                            <a class="{{if (isUserConsentNeeded this.url) 'js-user-consent-needed ' ''}}block mt-2 ds-link text-link hover:underline" target="_blank"
                             rel="noopener noreferrer" href="{{this.url}}"
                             title="Mehr Informationen zum Thema Datenschutz">Mehr Informationen zum Thema Datenschutz
                             {{#if this.isTargetBlank}}{{~> components/base/image/icon _icon="extern" _addClass="h-5 w-5 -mt-0.5 fill-current ml-1 inline-flex" _iconmap="icons"~}}{{/if}}

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

@@ -1,3 +1,6 @@
 <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/event_ticket_button.hbs

@@ -1,23 +1,15 @@
 <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">
-    {{#> components/button/button _id=(nextRandom) _size="lg"}}
-        {{> components/button/components/button_icon _icon="ticket" _iconmap="icons" _css="mr-2"}}
-        {{>components/button/components/button_label _label="Tickets"}}
-    {{/components/button/button}}
-    {{#> components/modal/modal _trigger=(getRandom)}}
-        {{#> components/teaser/components/teaser_headline}}
-            {{> components/teaser/components/teaser_title _text=(loca 'ticket_modal_headline') _css="text-2xl"}}
-        {{/components/teaser/components/teaser_headline}}
-        <p class="mt-2 text-base font-copy">{{loca "ticket_modal_text"}}</p>
+    {{#with this}}
+        {{#> components/button/button _css="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}}
+        {{#*inline "htmlProperties"~}}
+        data-user-consent-link='{"url":"{{this.link.url}}","isTargetBlank":{{this.link.isTargetBlank}} }'
+        data-user-consent-tracking-data="{{this.link.cmsDocument.trackingInformations.ticketLink}}"
+        {{~/inline}}
+    {{/with}}
 
-        <div class="flex flex-wrap mt-4">
-            {{#> components/button/button _size="lg" _variant="tertiary" _value="cancel" _css="mr-4 mt-4"}}
-                {{>components/button/components/button_label _label="Abbrechen" _css=""}}
-            {{/components/button/button}}
-            {{#> components/button/link_button _link=this.link _size="lg" _css="js-ticket-ok-button js-modal-close mt-4"}}
-                {{>components/button/components/button_label _label="Zum Ticketshop" _css=""}}
-            {{/components/button/link_button}}
-        </div>
-    {{/components/modal/modal}}
     <noscript>
         <style>
             #{{getRandom}} {

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