hr-design-system-handlebars 1.63.14 → 1.64.0

package/.github/workflows/chromatic.yml

@@ -21,7 +21,7 @@ jobs:
               run: yarn
             - name: create partials
               run: yarn partialsToJs
-            - uses: chromaui/action@v1
+            - uses: chromaui/action@latest
               with:
                   # 👇 Chromatic projectToken, refer to the manage page to obtain it.
                   projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# 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
+
+- DPE-2669 Dark mode for Content-Navi [#908](https://github.com/mumprod/hr-design-system-handlebars/pull/908) ([@Sunny1112358](https://github.com/Sunny1112358))
+
+#### Authors: 1
+
+- [@Sunny1112358](https://github.com/Sunny1112358)
+
+---
+
 # v1.63.14 (Fri Apr 12 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

@@ -718,6 +718,13 @@ video {
   font-family: DIN, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif;
   list-style-type: none;
   border-color: var(--color-button--dark);
+}
+[class~='tw-dark'] .content-nav-item {
+  border-color: #759ace;
+  border-color: var(--color-navigation-border-color-dark);
+  --tw-border-opacity: 0.75;
+}
+.content-nav-item {
   fill: #005293;
   fill: var(--color-content-nav);
   color: #005293;
@@ -3341,7 +3348,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1712934666834;
+  counter-reset: cnt1713357692833;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3720,7 +3727,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1712934666834 1;
+  counter-increment: cnt1713357692833 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3736,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(cnt1712934666834);
+  content: counter(cnt1713357692833);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -3879,6 +3886,9 @@ article.indexTextDS .indexTextHighlighted .link {
     --color-search-footer-text:  #000000;
     --search-icon-color: #000000;
 
+    /* Content navi button border color for dark mode */
+    --color-navigation-border-color-dark: #759ace;
+
     /* Logo-Container Padding */
     --logo-padding-top: 6px;
     --logo-padding-bottom: 6px;

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

package/dist/assets/js/components/modal/modal.feature.js

@@ -1,60 +1,19 @@
-import { hr$, listen, unlisten, addLink } from 'hrQuery'
-import { uxAction } from 'base/tracking/pianoHelper.subfeature'
-import dialogPolyfill from 'dialog-polyfill'
+import DefaultModal from 'components/modal/defaultModal.subfeature'
+import UserConsentModal from 'components/modal/userConsentModal.subfeature'
 
 const Modal = (context) => {
     const { options } = context,
         { element: rootElement } = context,
-        dialogPolyfillBaseUrl = options.dialogPolyfillBaseUrl || 'vendor/dialog-polyfill',
-        modalTriggerId = options.modalTriggerId ? '#' + options.modalTriggerId : '',
-        modalTrigger = hr$(modalTriggerId)[0],
-        modalCloseTriggers = hr$('.js-modal-close', rootElement),
-        modal = hr$('.js-modal', rootElement)[0],
-        ticketShopButton = hr$('.js-ticket-ok-button', rootElement)[0],
-        trackingInformations = options.trackingInformations
-
-    const configureEventListeners = () => {
-        listen('click', clickTracking, ticketShopButton)
-        listen('click', show, modalTrigger)
-
-        modalCloseTriggers.forEach((modalCloseTrigger) => {
-            listen('click', close, modalCloseTrigger)
-        })
-    }
-
-    const configurePolyfillIfNeeded = () => {
-        if (undefined == modal.showModal) {
-            addLink('dialog-polyfill-css', `${dialogPolyfillBaseUrl}/dialog-polyfill.css`, {
-                type: 'text/css',
-                rel: 'stylesheet',
-            })
-        }
-        dialogPolyfill.registerDialog(modal)
+        type = options.type || "default"
+
+    switch (type) {
+        case "userConsent":
+            new UserConsentModal(options, rootElement)
+            break;
+        default:
+            new DefaultModal(options, rootElement)
+            break;
     }
-
-    const clickTracking = () => {
-        console.log('tracking')
-        uxAction(trackingInformations)
-    }
-
-    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 Modal