hr-design-system-handlebars 1.27.0 → 1.27.2

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

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

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

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

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

@@ -349,5 +349,24 @@
                 }
             ]
         }
+    },
+    "teaser_ticker_hero": {
+        "alttext": "Lorem ipsum",
+        "copyrightWithLinks": "",
+        "responsiveImage": {
+            "asPicture": true,
+            "asImage": false,
+            "fallback": "images/{#image}_v-16to9__medium.jpg",
+            "sources": [
+                {
+                    "media": "all and (max-width: 47.938em)",
+                    "srcset": "images/{#image}_v-16to9__small.jpg 320w, images/{#image}_v-16to9__medium.jpg 480w, images/{#image}_v-16to9__medium__extended.jpg 640w, images/{#image}_v-16to9.jpg 960w, images/{#image}_v-16to9__retina.jpg 1920w"
+                },
+                {
+                    "media": "all and (min-width: 48em)",
+                    "srcset": "images/{#image}_v-1to1__small.jpg 380w, images/{#image}_v-1to1__medium.jpg 480w, images/{#image}_v-1to1.jpg 720w, images/{#image}_v-1to1__large.jpg 960w"
+                }
+            ]
+        }
     }
 }

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

@@ -5,6 +5,7 @@
             "includePath": "components/teaser/ticker/teaser_ticker",
             "includeModel": {
                 "byline": "Byline",
+                "tickerTopic": "Eintracht",
                 "title": "Eintracht: +++ Eintracht-Halbfinale terminiert +++ Frankfurter Gala in Barcelona jährt sich +++ Berichte: Aouar in Gesprächen mit AS Rom +++",
                 "topline": "",
                 "headingFontVariant": "serif",
@@ -93,7 +94,7 @@
                 "shorttext": "Hier bekommen Sie immer die neuesten Nachrichten über Eintracht Frankfurt.",
                 "hideBylineAndShorttext": false,
                 "sophoraId": "rueckkehr-nach-abschiebung-wolfhagen--100",
-                "profiles": "Von Karsten Hufer",
+                "profiles": "Von Gundula Gause (Expertin), Anne Chebu, Anja Engelke und Alice Merton",
                 "teaserLead": {
                     "avDocument": "",
                     "image": ""
@@ -114,6 +115,117 @@
                         "readMore": "mehr",
                         "readMoreLong": "read More Long"
                     }
+                },
+                "tickerItemResults": {
+                    "@->jsoninclude": "teaser_ticker_timeline.json",
+                    "@->contentpath": "tickerItemResults"
+                }
+            }
+        }
+    },
+    "tickerTeaser_audio": {
+        "isSsi": true,
+        "logicItem": {
+            "includePath": "components/teaser/teaser_standard",
+            "includeModel": {
+                "byline": "Byline",
+                "tickerTopic": "Eintracht",
+                "title": "Der Hasebe-Kane-Nahkampf geht in die zweite Runde",
+                "topline": "Eintracht trifft auf Tottenham",
+                "headingFontVariant": "serif",
+                "extendedTitle": "",
+                "teaserType": "standard",
+                "teaserSize": "hero",
+                "realTeaserSize": "hero",
+                "isMobile1to1": false,
+                "teaserDate": {
+                    "htmlDateTime": "2022-10-11T19:46+0200",
+                    "htmlDate": "11.10.2022",
+                    "date": "11.10.22",
+                    "dateSeparatorTime": "11.10.22, 19:46"
+                },
+                "hasByline": true,
+                "teaserInfo": {
+                    "showTeaserInfo": true,
+                    "showTeaserInfoSection": true,
+                    "showTeaserInfoChannel": false,
+                    "showTeaserInfoAll": false,
+                    "showTeaserInfoDate": false,
+                    "showTeaserInfoDateTime": true,
+                    "showTeaserInfoProgramRef": false
+                },
+                "teaserImage": {
+                    "@->jsoninclude": "teaser/teaser_images.inc.json",
+                    "@->contentpath": "teaser_standard",
+                    "@->replaceToken": [
+                        {
+                            "@->token": "image",
+                            "@->value": "hasebe-kane-102"
+                        }
+                    ]
+                },
+                "displayTeaserBodyAsImageOverlay": false,
+                "hasMediaButtons": false,
+                "dontLazyload": true,
+                "isStandardTeaser": true,
+                "isHeroTeaser": true,
+                "isMediaTeaser": true,
+                "isGuide": false,
+                "isProgram": false,
+                "isEvent": false,
+                "isTicker": true,
+                "isAudio": true,
+                "isVideo": false,
+                "isPodcast": false,
+                "isPodcastEpisode": false,
+                "isExtOrBrandLink": false,
+                "isAuthor": false,
+                "copyright": "Copyright Text",
+                "audioAuthor": "Audio Author",
+                "hasStatus": false,
+                "hasTeaserItem": true,
+                "allowAVConsumption": true,
+                "aspectRatio": "ar--teaserTop",
+                "hideGeotag": false,
+                "hideEditableByline": true,
+                "doTracking": true,
+                "trackingForArdMediatheksLink": false,
+                "showMediatheksLink": false,
+                "showAirdate": false,
+                "showProfileInfoAsByline": false,
+                "obsolet_brandOfTeaser": "hessenschau",
+                "documentSection": "Sport",
+                "headlineTag": "h1",
+                "icon": "ortsmarke",
+                "imageVariant": "topteaser",
+                "shorttext": "Beim Hinspiel brachte Altmeister Makoto Hasebe Sturm-Star Harry Kane bis an den Rande der Verzweiflung. Der bittet im Rückspiel nun zur Revanche. Vorher gibt es aber lobende Worte.",
+                "hideBylineAndShorttext": false,
+                "sophoraId": "hasebe-kane-100",
+                "profiles": "Von Gundula Gause (Expertin), Anne Chebu, Anja Engelke und Alice Merton",
+                "teaserLead": {
+                    "@->jsoninclude": "teaser/teaser_lead.inc.json",
+                    "@->contentpath": "audio"
+                },
+                "geotag": [
+                    {
+                        "title": "Frankfurt"
+                    }
+                ],
+                "link": {
+                    "url": "/teaser1",
+                    "webviewUrl": "/teaser1#webview",
+                    "isTargetBlank": false,
+                    "hasIcon": false,
+                    "iconName": "iconName",
+                    "readMoreText": {
+                        "readMoreScreenreader": "Zum Artikel",
+                        "readMore": "mehr",
+                        "readMoreLong": "read More Long"
+                    }
+                },
+                "tickerItemResults": {
+                    "@->jsoninclude": "teaser_ticker_timeline.json",
+                    "@->contentpath": "tickerItemResults"
                 }
             }
         }

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

@@ -0,0 +1,54 @@
+{
+    "@->jsoninclude": "teaser/teaser_ticker.inc.json",
+    "@->contentpath": "tickerTeaser",
+    "@->overrides": [
+        {
+            "@->contentpath": "logicItem.includeModel.teaserSize",
+            "@->value": "100"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.realTeaserSize",
+            "@->value": "100"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserType",
+            "@->value": "ticker-alternative"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.isHeroTeaser",
+            "@->value": false
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.shorttext",
+            "@->value": ""
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.topline",
+            "@->value": ""
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.isStandardTeaser",
+            "@->value": false
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.label",
+            "@->value": {
+                "@->jsoninclude": "teaser/teaser_labels.inc.json",
+                "@->contentpath": "ticker"
+            }
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserImage",
+            "@->value": {
+                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                "@->contentpath": "teaser_ticker_hero",
+                "@->replaceToken": [
+                    {
+                        "@->token": "image",
+                        "@->value": "sportschau-image-5708"
+                    }
+                ]
+            }
+        }
+    ]
+}

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

@@ -0,0 +1,42 @@
+{
+    "@->jsoninclude": "teaser/teaser_ticker.inc.json",
+    "@->contentpath": "tickerTeaser",
+    "@->overrides": [
+        {
+            "@->contentpath": "logicItem.includeModel.teaserType",
+            "@->value": "ticker-alternative"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.shorttext",
+            "@->value": ""
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.topline",
+            "@->value": ""
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.isStandardTeaser",
+            "@->value": false
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.label",
+            "@->value": {
+                "@->jsoninclude": "teaser/teaser_labels.inc.json",
+                "@->contentpath": "ticker"
+            }
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserImage",
+            "@->value": {
+                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                "@->contentpath": "teaser_ticker_hero",
+                "@->replaceToken": [
+                    {
+                        "@->token": "image",
+                        "@->value": "sportschau-image-5708"
+                    }
+                ]
+            }
+        }
+    ]
+}

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

@@ -0,0 +1,42 @@
+{
+    "@->jsoninclude": "teaser/teaser_ticker.inc.json",
+    "@->contentpath": "tickerTeaser_audio",
+    "@->overrides": [
+        {
+            "@->contentpath": "logicItem.includeModel.teaserType",
+            "@->value": "ticker-alternative"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.shorttext",
+            "@->value": ""
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.topline",
+            "@->value": ""
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.label",
+            "@->value": {
+                "@->jsoninclude": "teaser/teaser_labels.inc.json",
+                "@->contentpath": "ticker"
+            }
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.isStandardTeaser",
+            "@->value": false
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserImage",
+            "@->value": {
+                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                "@->contentpath": "teaser_ticker_hero",
+                "@->replaceToken": [
+                    {
+                        "@->token": "image",
+                        "@->value": "sportschau-image-5708"
+                    }
+                ]
+            }
+        }
+    ]
+}

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

@@ -10,6 +10,14 @@
             "@->contentpath": "logicItem.includeModel.realTeaserSize",
             "@->value": "100"
         },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserType",
+            "@->value": "ticker-standard"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.isHeroTeaser",
+            "@->value": false
+        },
         {
             "@->contentpath": "logicItem.includeModel.shorttext",
             "@->value": ""

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

@@ -0,0 +1,50 @@
+{
+    "@->jsoninclude": "teaser/teaser_ticker.inc.json",
+    "@->contentpath": "tickerTeaser",
+    "@->overrides": [
+        {
+            "@->contentpath": "logicItem.includeModel.teaserSize",
+            "@->value": "25"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.realTeaserSize",
+            "@->value": "25"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserType",
+            "@->value": "ticker-standard"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.isHeroTeaser",
+            "@->value": false
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.shorttext",
+            "@->value": ""
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.topline",
+            "@->value": ""
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.label",
+            "@->value": {
+                "@->jsoninclude": "teaser/teaser_labels.inc.json",
+                "@->contentpath": "ticker"
+            }
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserImage",
+            "@->value": {
+                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                "@->contentpath": "teaser_ticker_hero",
+                "@->replaceToken": [
+                    {
+                        "@->token": "image",
+                        "@->value": "sportschau-image-5708"
+                    }
+                ]
+            }
+        }
+    ]
+}

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

@@ -0,0 +1,37 @@
+{
+    "@->jsoninclude": "teaser/teaser_ticker.inc.json",
+    "@->contentpath": "tickerTeaser",
+    "@->overrides": [
+        {
+            "@->contentpath": "logicItem.includeModel.teaserSize",
+            "@->value": "33"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.realTeaserSize",
+            "@->value": "33"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserType",
+            "@->value": "ticker-standard"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.isHeroTeaser",
+            "@->value": false
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.shorttext",
+            "@->value": ""
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.topline",
+            "@->value": ""
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.label",
+            "@->value": {
+                "@->jsoninclude": "teaser/teaser_labels.inc.json",
+                "@->contentpath": "ticker"
+            }
+        }
+    ]
+}

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

@@ -0,0 +1,37 @@
+{
+    "@->jsoninclude": "teaser/teaser_ticker.inc.json",
+    "@->contentpath": "tickerTeaser",
+    "@->overrides": [
+        {
+            "@->contentpath": "logicItem.includeModel.teaserSize",
+            "@->value": "50"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.realTeaserSize",
+            "@->value": "50"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.teaserType",
+            "@->value": "ticker-standard"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.isHeroTeaser",
+            "@->value": false
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.shorttext",
+            "@->value": ""
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.topline",
+            "@->value": ""
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.label",
+            "@->value": {
+                "@->jsoninclude": "teaser/teaser_labels.inc.json",
+                "@->contentpath": "ticker"
+            }
+        }
+    ]
+}

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

@@ -0,0 +1,25 @@
+{
+    "@->jsoninclude": "teaser/teaser_ticker.inc.json",
+    "@->contentpath": "tickerTeaser",
+    "@->overrides": [
+        {
+            "@->contentpath": "logicItem.includeModel.teaserType",
+            "@->value": "ticker-standard"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.shorttext",
+            "@->value": ""
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.topline",
+            "@->value": ""
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.label",
+            "@->value": {
+                "@->jsoninclude": "teaser/teaser_labels.inc.json",
+                "@->contentpath": "ticker"
+            }
+        }
+    ]
+}

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

@@ -0,0 +1,25 @@
+{
+    "@->jsoninclude": "teaser/teaser_ticker.inc.json",
+    "@->contentpath": "tickerTeaser_audio",
+    "@->overrides": [
+        {
+            "@->contentpath": "logicItem.includeModel.teaserType",
+            "@->value": "ticker-standard"
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.shorttext",
+            "@->value": ""
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.topline",
+            "@->value": ""
+        },
+        {
+            "@->contentpath": "logicItem.includeModel.label",
+            "@->value": {
+                "@->jsoninclude": "teaser/teaser_labels.inc.json",
+                "@->contentpath": "ticker"
+            }
+        }
+    ]
+}

package/src/assets/tailwind.css

@@ -12,6 +12,7 @@
     --color-secondary-ds: #606060;
     --color-highlight-1: theme('colors.blue.accented');
     --color-highlight-2: theme('colors.orange.spicyCarrot');
+    --color-highlight-3: theme('colors.blue.congress');
 
     /*Hauptmenü*/
     --color-top-topic-background: theme('colors.blue.linkWater');
@@ -80,6 +81,12 @@
     --font-weight-titleCluster: theme('fontWeight.bold');
     /* Border Radius */
     --border-radius-hr: theme('borderRadius.none');
+    /* ticker-Teaser*/
+    --color-ticker-teaser-headline: theme('colors.white.DEFAULT');
+    --color-ticker-teaser-label-byline: theme('colors.white.DEFAULT');
+    --color-ticker-teaser-timeline-score: theme('colors.orange.spicyCarrot');
+    --color-ticker-teaser-footer: theme('colors.white.DEFAULT');
+
 }
 
 [data-theme='hessenschau'] {
@@ -87,6 +94,7 @@
     --color-secondary-ds: #606060;
     --color-highlight-1: theme('colors.blue.accented');
     --color-highlight-2: theme('colors.orange.spicyCarrot');
+    --color-highlight-3: theme('colors.blue.congress');
 
     /* Medieninhalte, Video, Audio, Bildergalerie */
     --color-label-media: theme('colors.blue.science');
@@ -150,6 +158,11 @@
     --font-weight-titleCluster: theme('fontWeight.bold');
     /* Border */
     --border-radius-hr: theme('borderRadius.3xl');
+    /* ticker-Teaser*/
+    --color-ticker-teaser-headline: theme('colors.white.DEFAULT');
+    --color-ticker-teaser-label-byline: theme('colors.white.DEFAULT');
+    --color-ticker-teaser-timeline-score: theme('colors.orange.spicyCarrot');
+    --color-ticker-teaser-footer: theme('colors.white.DEFAULT');
 }
 
 [data-theme='hr-fernsehen'] {
@@ -673,6 +686,8 @@
     /* Font */
     --font-title: theme('fontFamily.heading');
     --font-weight-title: theme('fontWeight.bold');
+    /* ticker-Teaser*/
+    --color-ticker-teaser-timeline-score: theme('colors.pink.rose');
 }
 
 [data-theme='hr3'] {

package/src/stories/views/components/button/utilities/button_on_image_classes.hbs

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

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

@@ -1,4 +1,4 @@
-<div x-show="avStart" x-cloak id="{{this.ardPlayerConfig.playerId}}" class="ar-16-9 h-full{{#if _isTeaser}} z-20{{/if}} js-load {{if _cypressHook _cypressHook 'js-media-element'}} js-video-livestream cy-mediaplayer" data-hr-mediaplayer-loader='{{json this.ardPlayerJsonConfig}}'>
+<div x-show="avStart" x-cloak id="{{this.ardPlayerConfig.playerId}}" class="ar-16-9 h-full {{~#if _addClassImg}} {{_addClassImg}}{{/if}} {{#if _isTeaser}} z-20{{/if}} js-load {{if _cypressHook _cypressHook 'js-media-element'}} js-video-livestream cy-mediaplayer" data-hr-mediaplayer-loader='{{json this.ardPlayerJsonConfig}}'>
 </div>
 {{#if _isTeaser}}
     <div class="relative {{_aspectRatio}}" x-show="!avStart" >
@@ -8,7 +8,7 @@
             {{/with~}}
         {{/unless}}
         {{#with _teaser}}
-            {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg="ar__content" _noDelay=this.dontLazyload ~}}                             
+            {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg=(appendToDefault _addClassImg "ar__content") _noDelay=this.dontLazyload ~}}                             
         {{/with}}
 
         {{#with this}}

package/src/stories/views/components/site_header/brand_navigation/brand_navigation_item.hbs

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

package/src/stories/views/components/site_header/section_navigation/section_navigation_item.hbs

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

package/src/stories/views/components/site_header/service_navigation/service_navigation_item.hbs

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