hr-design-system-handlebars 1.63.15 → 1.64.1

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# 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
+
+- Feature/dpe 2696 [#910](https://github.com/mumprod/hr-design-system-handlebars/pull/910) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 1
+
+- [@szuelch](https://github.com/szuelch)
+
+---
+
 # v1.63.15 (Tue Apr 16 2024)
 
 #### 🐛 Bug Fix

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

@@ -20,6 +20,47 @@ const extractBrandFromUrl = function () {
     return brand
 }
 
+const ParamPlaceHolder = function (placeholder, index) {
+    this.placeholder = placeholder
+    this.index = index
+
+    const replace = function (text, params) {
+        let replacedText
+        if (undefined !== text && undefined !== params && this.index >= 0 && this.index < params.length && params[this.index] !== null) {
+            replacedText = text.replace(this.placeholder, params[this.index])
+        } else {
+            replacedText = text
+        }
+        return replacedText
+    }
+    return {
+        index: this.index,
+        placeholder: this.placeholder,
+        replace: replace
+    }
+}
+
+const UserConsentPlaceHolder = function (placeholder, url) {
+    this.placeholder = placeholder
+    this.url = url
+
+    const replace = function (text, params) {
+        let replacedText
+        if (undefined !== text && undefined !== this.url) {
+            replacedText = text.replace(this.placeholder, '')
+        }
+        else {
+            replacedText = text
+        }
+        return replacedText
+    }
+    return {
+        placeholder: this.placeholder,
+        url: this.url,
+        replace: replace
+    }
+}
+
 var helpers = {
     'helperOptions': null,
 
@@ -174,9 +215,9 @@ var helpers = {
             file = file.replace(
                 /{{resourceUrl\s\"(assets)(.*)\"\s?}}/g,
                 helpers.helperOptions.resourceUrl.relativePath +
-                    '$1_' +
-                    helpers.helperOptions.buildVersion +
-                    '$2'
+                '$1_' +
+                helpers.helperOptions.buildVersion +
+                '$2'
             )
         }
 
@@ -249,6 +290,10 @@ var helpers = {
         }
     },
 
+    'isUserConsentNeeded': function (url, options) {
+        return false
+    },
+
     'isStorybook': function () {
         return true
     },
@@ -382,13 +427,26 @@ var helpers = {
                 // Check loca-tag
                 if (typeof helpers.helperOptions.locaTags[brand][loca] === 'string') {
                     loca = helpers.helperOptions.locaTags[brand][loca]
-
-                    // Exchange variables in loca-text
-                    // - the last argument is the "context" object which can be
-                    // ignored
-                    for (var i = 1; i < arguments.length - 1; ++i) {
-                        var locaRegExp = new RegExp('\\{' + (i - 1) + '\\}', 'gi')
-                        loca = loca.replace(locaRegExp, arguments[i])
+                    const args = Array.prototype.slice.call(arguments);
+                    // Extract params from arguments object. No params are present when length of arguments array is <= 2
+                    let params = args.length > 2 ? args.slice(1, args.length - 1) : []
+                    const regex = /(?<property>{<%(?<propertyKey>.*?)%>})|(?<userConsent>{nuc\s(?<userConsentUrl>.*?)\snuc})|(?<param>{(?<paramKey>.*?)})/g
+                    const matches = loca.matchAll(regex)
+                    const placeHolders = []
+                    for (const match of matches) {
+                        if (undefined !== match.groups.userConsent) {
+                            let placeHolder = match.groups.userConsent
+                            let url = match.groups.userConsentKey
+                            placeHolders.push(new UserConsentPlaceHolder(placeHolder, url))
+                        }
+                        if (undefined !== match.groups.param) {
+                            let placeHolder = match.groups.param
+                            let index = match.groups.paramKey
+                            placeHolders.push(new ParamPlaceHolder(placeHolder, index))
+                        }
+                    }
+                    for (const placeHolder of placeHolders) {
+                        loca = placeHolder.replace(loca, params)
                     }
                 } else {
                     loca = "Loca-tag '" + loca + "' not found"
@@ -423,7 +481,7 @@ var helpers = {
             configProperty = arguments[0]
             switch (configProperty) {
                 case 'footer.onBackground':
-                    configProperty = brand == 'hessenschau' || brand == 'hr-rundfunkrat' ? true : false; 
+                    configProperty = brand == 'hessenschau' || brand == 'hr-rundfunkrat' ? true : false;
                     break
                 case 'dialogPolyfill.baseUrl':
                     configProperty = 'vendor/dialog-polyfill'
@@ -440,10 +498,10 @@ var helpers = {
                             ? undefined
                             */
                             : brand == 'hr-inforadio'
-                            ? 'brandlogo--footer' 
-                            : undefined
+                                ? 'brandlogo--footer'
+                                : undefined
                     break
-                    case 'site.name':
+                case 'site.name':
                     configProperty = brand
                     break
             }

package/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/assets/index.css

@@ -3348,7 +3348,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1713263195329;
+  counter-reset: cnt1713365504620;
 }
 .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: cnt1713263195329 1;
+  counter-increment: cnt1713365504620 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(cnt1713263195329);
+  content: counter(cnt1713365504620);
 }
 /*! ****************************/
 /*! 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/assets/js/components/modal/defaultModal.subfeature.js

@@ -0,0 +1,58 @@
+import { hr$, listen, unlisten, addLink } from 'hrQuery'
+import dialogPolyfill from 'dialog-polyfill'
+
+const DefaultModal = function (options, rootElement) {
+    const dialogPolyfillBaseUrl = options.dialogPolyfillBaseUrl || 'vendor/dialog-polyfill',
+        modalTrigger = options.trigger || null,
+        triggerRoot = document.body,
+        modal = hr$('.js-modal', rootElement)[0],
+        closeButtonTrigger = ".js-modal-close"
+
+    const configureEventListeners = () => {
+        listen('click', handleClick, triggerRoot)
+    }
+
+    const handleClick = (event) => {
+        if (null !== modalTrigger) {
+            let triggerNode = event.target.closest(modalTrigger)
+            let nodeToCloseModal = event.target.closest(closeButtonTrigger)
+            if (null !== triggerNode) {
+                event.preventDefault()
+                show()
+            } else if (null !== nodeToCloseModal) {
+                close()
+            }
+        }
+    }
+
+    const configurePolyfillIfNeeded = () => {
+        if (undefined == modal.showModal) {
+            addLink('dialog-polyfill-css', `${dialogPolyfillBaseUrl}/dialog-polyfill.css`, {
+                type: 'text/css',
+                rel: 'stylesheet',
+            })
+        }
+        dialogPolyfill.registerDialog(modal)
+    }
+
+    const show = () => {
+        modal.showModal()
+        listen('click', closeFromOutside, modal)
+    }
+
+    const closeFromOutside = (event) => {
+        if (event.target === modal) {
+            unlisten('click', closeFromOutside, modal)
+            close()
+        }
+    }
+
+    const close = () => {
+        modal.close()
+    }
+
+    configurePolyfillIfNeeded()
+    configureEventListeners()
+}
+
+export default DefaultModal