npm - hr-design-system-handlebars - Versions diffs - 1.33.3 → 1.34.1 - Mend

hr-design-system-handlebars 1.33.3 → 1.34.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (308) hide show

package/dist/views_static/components/page/page.hbs ADDED Viewed

@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html
+    class="no-js no-js-burgerMenu preload noMicroInteraction"
+    data-theme="hessenschau"
+    lang="de"
+>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+        <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
+        <title>hessenschau.de | Nachrichten aus Hessen</title>
+        <meta name="application-name" content="hessenschau.de" />
+        <meta name="copyright" content="Hessischer Rundfunk, Frankfurt, Germany" />
+        <meta name="author" content="hessenschau.de, Frankfurt, Germany" />
+        <meta name="publisher" content="hessenschau.de" />
+        <meta name="language" content="Deutsch" />
+    </head>
+    <body itemscope itemtype="http://schema.org/WebPage">
+        <div class="js-pageSwap">
+            {{> components/site_header/header }}
+            <main
+                onclick="void(0)"
+                role="main"
+                id="content"
+                class="flex items-center justify-center"
+            >
+                <div class="grid grid-page">
+                    <div class="{{> components/grid/grid_group_wrapper_classes }}">
+                        <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
+                            {{> components/teaser/teaser_standard }}
+                        </section>
+                        <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
+                            {{> components/teaser/content_nav/teaser_content_nav teaserSize="100" realTeaserSize="100"}}
+                        </section>
+                        <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
+                            {{> components/teaser/content_nav/teaser_content_nav teaserSize="50" realTeaserSize="50"}}
+                            {{> components/teaser/content_nav/teaser_content_nav teaserSize="50" realTeaserSize="50"}}
+                        </section>
+                        <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
+                            {{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
+                            {{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
+                        </section>
+                        <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
+                            {{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
+                            {{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
+                            {{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
+                        </section>
+                        <div class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
+                            {{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
+                            {{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
+                        </div>
+                        <div class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
+                            {{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
+                            {{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
+                            {{> components/teaser/teaser_standard teaserSize="33" realTeaserSize="33"}}
+                        </div>
+                        <div class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
+                            {{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
+                            {{> components/teaser/teaser_standard teaserSize="50" realTeaserSize="50"}}
+                        </div>
+                    </div>
+                </div>
+            </main>
+        {{!-- {{> components/footer/page_footer }}  --}}
+        </div>
+    </body>
+</html>

package/dist/views_static/components/page/page_pagination.hbs ADDED Viewed

@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html
+    class="no-js no-js-burgerMenu preload noMicroInteraction"
+    data-theme="hessenschau"
+    lang="de"
+>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+        <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
+        <title>hessenschau.de | Nachrichten aus Hessen</title>
+        <meta name="application-name" content="hessenschau.de" />
+        <meta name="copyright" content="Hessischer Rundfunk, Frankfurt, Germany" />
+        <meta name="author" content="hessenschau.de, Frankfurt, Germany" />
+        <meta name="publisher" content="hessenschau.de" />
+        <meta name="language" content="Deutsch" />
+    </head>
+    <body itemscope itemtype="http://schema.org/WebPage">
+        <div class="js-pageSwap">
+            {{> components/site_header/header }}
+            <main
+                onclick="void(0)"
+                role="main"
+                id="content"
+                class="flex items-center justify-center"
+            >
+                <div class="grid grid-page">
+                    <div class="{{> components/grid/grid_group_wrapper_classes }}">
+                        <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
+                            {{> components/teaser/teaser_alternativ this.pageEntries.[0].teaser_alternativ_100_serif.logicItem.includeModel}}
+                        </section>
+                        <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
+                            {{> components/teaser/teaser_alternativ this.pageEntries.[0].teaser_alternativ_100_serif_audio.logicItem.includeModel}}
+                        </section>
+                        <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
+                            {{> components/teaser/teaser_alternativ this.pageEntries.[0].teaser_alternativ_100_serif_download.logicItem.includeModel}}
+                        </section>
+                        <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
+                            {{> components/teaser/teaser_alternativ this.pageEntries.[0].teaser_alternativ_100_serif_link.logicItem.includeModel}}
+                        </section>
+                        <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
+                            {{> components/teaser/teaser_alternativ this.pageEntries.[0].teaser_alternativ_100_serif_live.logicItem.includeModel}}
+                        </section>
+                        <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
+                            {{> components/teaser/teaser_alternativ this.pageEntries.[0].teaser_alternativ_100_serif_video.logicItem.includeModel}}
+                        </section>
+                    </div>
+                </div>
+            </main>
+            <div class="flex flex-wrap justify-center w-full max-w-full">
+                {{> components/pagination/pagination this }}
+            </div>
+        </div>
+    </body>
+</html>

package/dist/views_static/components/page/page_players.hbs ADDED Viewed

@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html
+    class="no-js no-js-burgerMenu preload noMicroInteraction"
+    data-theme="hessenschau"
+    lang="de"
+>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+        <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
+        <title>hessenschau.de | Nachrichten aus Hessen</title>
+        <meta name="application-name" content="hessenschau.de" />
+        <meta name="copyright" content="Hessischer Rundfunk, Frankfurt, Germany" />
+        <meta name="author" content="hessenschau.de, Frankfurt, Germany" />
+        <meta name="publisher" content="hessenschau.de" />
+        <meta name="language" content="Deutsch" />
+    </head>
+    <body itemscope itemtype="http://schema.org/WebPage">
+        <div class="js-pageSwap">
+            <main
+                onclick="void(0)"
+                role="main"
+                id="content"
+                class="flex items-center justify-center"
+            >
+                <div class="grid grid-page">
+                    <div class="{{> components/grid/grid_group_wrapper_classes }}">
+                        <section class="grid items-start content-start grid-cols-12 col-span-12 bg-white gap-x-6 gap-y-6 ">
+                            {{> components/teaser/teaser_standard this.teaser_standard_50_audio.logicItem.includeModel}}
+                            {{> components/teaser/podcast/podcast this.teaser_podcast_50.logicItem.includeModel}}
+                        </section>
+                    </div>
+                </div>
+            </main>
+        </div>
+    </body>
+</html>

package/dist/views_static/components/pagination/pagination.hbs ADDED Viewed

@@ -0,0 +1,19 @@
+{{~#if currentPageValid ~}}
+    {{> components/pagination/pagination_current_page_valid
+    _moreThanOnePage=moreThanOnePage
+    _firstPage=firstPage
+    _secondPage=secondPage
+    _notLastPage=notLastPage
+    _notLastButOnePage=notLastButOnePage
+    _onlyTwoPages=onlyTwoPages
+    _onlyThreePages=onlyThreePages
+    _totalPages=totalPages
+    _currentPage=currentPage}}
+{{else}}
+    {{> components/pagination/pagination_current_page_invalid
+    _moreThanOnePage=moreThanOnePage
+    _onlyTwoPages=onlyTwoPages
+    _onlyThreePages=onlyThreePages
+    _totalPages=totalPages
+    _currentPage=currentPages}}
+{{~/if~}}

package/dist/views_static/components/pagination/pagination_button_left.hbs ADDED Viewed

@@ -0,0 +1,3 @@
+{{#> components/button/button _size="md" _variant="tertiary" _disableButtonPress='true' _disabled='true' _css="mr-1" _type="button"}}
+    {{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons"}}
+{{/components/button/button}}

package/dist/views_static/components/pagination/pagination_button_left_linked.hbs ADDED Viewed

@@ -0,0 +1,4 @@
+{{#> components/button/link_button _size="md" _variant="secondary" _link=this.previousItemLink  _css="mr-1"}}
+    <span class="sr-only">Vorherige Seite</span>
+    {{> components/button/components/button_icon _icon="arrow-left" _iconmap="icons"}}
+{{/components/button/link_button}}

package/dist/views_static/components/pagination/pagination_button_right.hbs ADDED Viewed

@@ -0,0 +1,4 @@
+{{#> components/button/button _size="md" _variant="tertiary" _disableButtonPress='true' _disabled='true' _css="ml-1" _type="button"}}
+    {{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons"}}
+{{/components/button/button}}

package/dist/views_static/components/pagination/pagination_button_right_linked.hbs ADDED Viewed

@@ -0,0 +1,4 @@
+{{#> components/button/link_button _size="md" _variant="secondary" _link=this.nextItemLink _css="ml-1"}}
+    <span class="sr-only">Nächste Seite</span>
+    {{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons"}}
+{{/components/button/link_button}}

package/dist/views_static/components/pagination/pagination_current_page_invalid.hbs ADDED Viewed

@@ -0,0 +1,24 @@
+<nav class="flex flex-row content-center justify-center py-10" role="navigation" aria-label="Paginierung">
+        <div class="flex"></div>
+        {{> components/pagination/pagination_button_left }}
+            {{#> components/button/link_button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
+                {{> components/button/components/button_label _label="1" _css=""}}
+            {{/components/button/link_button}}
+            {{~#if _moreThanOnePage ~}}
+                {{~#unless _onlyTwoPages ~}}
+                    {{~#if _onlyThreePages ~}}
+                        {{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastButOnePageItemLink _css="mr-1 ml-1"}}
+                            {{> components/button/components/button_label _label="2" _css=""}}
+                        {{/components/button/link_button}}
+                    {{else}}
+                        <span class="pt-1 ml-2 mr-2 font-title">&hellip;</span>
+                    {{~/if~}}
+                {{~/unless~}}
+                {{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
+                    {{> components/button/components/button_label _label=_totalPages _css=""}}
+                {{/components/button/link_button}}
+            {{~/if~}}
+       {{> components/pagination/pagination_button_right }}
+       </div>
+</nav>

package/dist/views_static/components/pagination/pagination_current_page_valid.hbs ADDED Viewed

@@ -0,0 +1,26 @@
+{{~#if _moreThanOnePage~}}
+    <nav class="flex flex-row content-center justify-center py-10" role="navigation" aria-label="Paginierung">
+        {{~#if _onlyTwoPages~}}
+             {{> components/pagination/pagination_only_two_pages
+             _firstPage=_firstPage
+             _totalPages=_totalPages
+             _currentPage=_currentPage}}
+        {{else}}
+            {{~#if _onlyThreePages~}}
+                {{> components/pagination/pagination_only_three_pages
+                 _firstPage=_firstPage
+                 _secondPage=_secondPage
+                 _totalPages=_totalPages
+                 _currentPage=_currentPage}}
+            {{else}}
+                {{> components/pagination/pagination_more_than_three_pages
+                 _firstPage=_firstPage
+                 _secondPage=_secondPage
+                 _notLastPage=_notLastPage
+                 _notLastButOnePage=_notLastButOnePage
+                 _totalPages=_totalPages
+                 _currentPage=_currentPage}}
+            {{~/if~}}
+        {{~/if~}}
+    </nav>
+{{~/if~}}

package/dist/views_static/components/pagination/pagination_more_than_three_pages.hbs ADDED Viewed

@@ -0,0 +1,77 @@
+{{~#if _firstPage~}}
+    <div class="flex">
+        {{> components/pagination/pagination_button_left }}
+        {{#with this}}
+            {{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
+                <span class="sr-only">Aktuelle Seite: </span>
+                {{> components/button/components/button_label _label="1" _css=""}}
+            {{/components/button/link_button}}
+            {{#*inline "htmlProperties"}}
+                aria-current="true"
+            {{/inline}}
+        {{/with}}
+        <span class="pt-1 ml-2 mr-2 font-title">&hellip;</span>
+        {{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
+            <span class="sr-only">Zur Seite: </span>
+            {{> components/button/components/button_label _label=_totalPages _css=""}}
+        {{/components/button/link_button}}
+        {{> components/pagination/pagination_button_right_linked }}
+    </div>
+{{else}}
+    {{~#if _secondPage~}}
+    <div class="flex">
+        {{> components/pagination/pagination_button_left_linked }}
+        {{#> components/button/link_button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
+            <span class="sr-only">Zur Seite: </span>
+            {{> components/button/components/button_label _label="1" _css=""}}
+        {{/components/button/link_button}}
+        {{#with this}}
+            {{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
+                <span class="sr-only">Aktuelle Seite: </span>
+                {{> components/button/components/button_label _label="2" _css=""}}
+            {{/components/button/link_button}}
+            {{#*inline "htmlProperties"}}
+                aria-current="true"
+            {{/inline}}
+        {{/with}}
+        <span class="pt-1 ml-2 mr-2 font-title">&hellip;</span>
+        {{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
+            <span class="sr-only">Zur Seite: </span>
+            {{> components/button/components/button_label _label=_totalPages _css=""}}
+        {{/components/button/link_button}}
+        {{> components/pagination/pagination_button_right_linked }}
+    </div>
+    {{else}}
+        <div class="flex">
+            {{> components/pagination/pagination_button_left_linked }}
+            {{#> components/button/link_button _size="md" _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
+                <span class="sr-only">Zur Seite: </span>
+                {{> components/button/components/button_label _label="1" _css=""}}
+            {{/components/button/link_button}}
+            <span class="pt-1 ml-2 mr-2 font-title">&hellip;</span>
+            {{#with this}}
+                {{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
+                    <span class="sr-only">Aktuelle Seite: </span>
+                    {{> components/button/components/button_label _label=_currentPage _css=""}}
+                {{/components/button/link_button}}
+                {{#*inline "htmlProperties"}}
+                    aria-current="true"
+                {{/inline}}
+            {{/with}}
+            {{~#if _notLastPage~}}
+                {{~#if _notLastButOnePage~}}
+                    <span class="pt-1 ml-2 mr-2 font-title">&hellip;</span>
+                {{~/if~}}
+            {{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
+                <span class="sr-only">Zur Seite: </span>
+                {{> components/button/components/button_label _label=_totalPages _css=""}}
+            {{/components/button/link_button}}
+            {{~/if~}}
+            {{~#if _notLastPage~}}
+                {{> components/pagination/pagination_button_right_linked }}
+            {{else}}
+                {{> components/pagination/pagination_button_right }}
+            {{~/if~}}
+         </div>
+    {{~/if~}}
+{{~/if~}}

package/dist/views_static/components/pagination/pagination_only_three_pages.hbs ADDED Viewed

@@ -0,0 +1,69 @@
+{{~#if _firstPage~}}
+    <div class="flex">
+        {{> components/pagination/pagination_button_left }}
+        {{#with this}}
+            {{#> components/button/link_button _size="md"  _variant="primary" _css="mr-1 ml-1"}}
+                <span class="sr-only">Aktuelle Seite: </span>
+                {{> components/button/components/button_label _label="1" _css=""}}
+            {{/components/button/link_button}}
+            {{#*inline "htmlProperties"}}
+                aria-current="true"
+            {{/inline}}
+        {{/with}}
+        {{#> components/button/link_button _size="md"  _variant="secondary" _link=this.nextItemLink _css="mr-1 ml-1"}}
+            <span class="sr-only">Zur Seite: </span>
+            {{> components/button/components/button_label _label="2" _css=""}}
+        {{/components/button/link_button}}
+        {{#> components/button/link_button _size="md"  _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
+            <span class="sr-only">Zur Seite: </span>
+            {{> components/button/components/button_label _label="3" _css=""}}
+        {{/components/button/link_button}}
+        {{> components/pagination/pagination_button_right_linked }}
+     </div>
+{{else}}
+    {{~#if _secondPage~}}
+        <div class="flex">
+            {{> components/pagination/pagination_button_left_linked }}
+            {{#> components/button/link_button _size="md"  _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
+                <span class="sr-only">Zur Seite: </span>
+                {{> components/button/components/button_label _label="1" _css=""}}
+            {{/components/button/link_button}}
+            {{#with this}}
+                {{#> components/button/link_button _size="md"  _variant="primary" _css="mr-1 ml-1"}}
+                    <span class="sr-only">Aktuelle Seite: </span>
+                    {{> components/button/components/button_label _label="2" _css=""}}
+                {{/components/button/link_button}}
+                {{#*inline "htmlProperties"}}
+                    aria-current="true"
+                {{/inline}}
+            {{/with}}
+            {{#> components/button/link_button _size="md"  _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
+                <span class="sr-only">Zur Seite: </span>
+                {{> components/button/components/button_label _label="3" _css=""}}
+            {{/components/button/link_button}}
+            {{> components/pagination/pagination_button_right_linked }}
+         </div>
+    {{else}}
+        <div class="flex">
+        {{> components/pagination/pagination_button_left_linked }}
+        {{#> components/button/link_button _size="md"  _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
+            <span class="sr-only">Zur Seite: </span>
+            {{> components/button/components/button_label _label="1" _css=""}}
+        {{/components/button/link_button}}
+        {{#> components/button/link_button _size="md"  _variant="secondary" _link=this.lastButOneItemLink _css="mr-1 ml-1"}}
+            <span class="sr-only">Zur Seite: </span>
+            {{> components/button/components/button_label _label="2" _css=""}}
+        {{/components/button/link_button}}
+        {{#with this}}
+            {{#> components/button/link_button _size="md"  _variant="primary" _css="mr-1 ml-1"}}
+                <span class="sr-only">Aktuelle Seite: </span>
+                {{> components/button/components/button_label _label="3" _css=""}}
+            {{/components/button/link_button}}
+            {{#*inline "htmlProperties"}}
+                aria-current="true"
+            {{/inline}}
+        {{/with}}
+        {{> components/pagination/pagination_button_right }}
+        </div>
+    {{~/if~}}
+{{~/if~}}

package/dist/views_static/components/pagination/pagination_only_two_pages.hbs ADDED Viewed

@@ -0,0 +1,37 @@
+{{~#if _firstPage~}}
+    <div class="flex">
+    {{> components/pagination/pagination_button_left }}
+    {{#with this}}
+        {{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
+            <span class="sr-only">Aktuelle Seite: </span>
+            {{> components/button/components/button_label _label="1" _css=""}}
+        {{/components/button/link_button}}
+        {{#*inline "htmlProperties"}}
+            aria-current="true"
+        {{/inline}}
+    {{/with}}
+    {{#> components/button/link_button _size="md" _variant="secondary" _link=this.lastPageItemLink _css="mr-1 ml-1"}}
+        <span class="sr-only">Zur Seite: </span>
+        {{> components/button/components/button_label _label="2" _css=""}}
+    {{/components/button/link_button}}
+    {{> components/pagination/pagination_button_right_linked }}
+    </div>
+{{else}}
+    <div class="flex">
+    {{> components/pagination/pagination_button_left_linked }}
+    {{#> components/button/link_button _size="md"  _variant="secondary" _link=this.firstPageItemLink _css="mr-1 ml-1"}}
+        <span class="sr-only">Zur Seite: </span>
+        {{> components/button/components/button_label _label="1" _css=""}}
+    {{/components/button/link_button}}
+    {{#with this}}
+        {{#> components/button/link_button _size="md" _variant="primary" _css="mr-1 ml-1"}}
+            <span class="sr-only">Aktuelle Seite: </span>
+            {{> components/button/components/button_label _label="2" _css=""}}
+        {{/components/button/link_button}}
+        {{#*inline "htmlProperties"}}
+                aria-current="true"
+        {{/inline}}
+    {{/with}}
+    {{> components/pagination/pagination_button_right }}
+    </div>
+{{~/if~}}

package/dist/views_static/components/program/label_byline.ssi.hbs ADDED Viewed

@@ -0,0 +1,9 @@
+{{#with this.broadcast}}
+    {{#with this.startDate}}
+        {{#> components/text/byline _css="ml-2"}}
+            <time datetime='{{this.htmlDateTime}}'>
+                {{loca 'date_simple_at' this.dateWithTimeAndWeekday}}
+            </time>
+        {{/components/text/byline}}
+    {{/with}}
+{{/with}}

package/dist/views_static/components/site_header/anchor_navigation/anchor_navigation.hbs ADDED Viewed

@@ -0,0 +1,10 @@
+<nav id="sprungmarken" aria-labelledby="anchorNavHeadline">
+    <span id="anchorNavHeadline" class="hidden">{{loca "anchor_headline"}}</span>
+    <ul>
+        <li><a href="#brandNavWrapper" class="hidden">{{loca "anchor_brandNav"}}</a></li>
+        <li><a href="#serviceNavWrapper" class="hidden">{{loca "anchor_serviceNav"}}</a></li>
+        <li><a href="#sectionNavWrapper" class="hidden">{{loca "anchor_sectionNav"}}</a></li>
+        {{{this.featureBoxAnchorSSI}}}
+        <li><a href="#content" class="hidden">{{loca "anchor_mainContent"}}</a></li>
+    </ul>
+</nav>

package/dist/views_static/components/site_header/anchor_navigation/featurebox_anchor.hbs ADDED Viewed

@@ -0,0 +1,3 @@
+{{#with this.featureBox}}
+<li><a href="#featureBox" class="hidden">{{loca "feature_box_anchor"}}</a></li>
+{{/with}}

package/dist/views_static/components/site_header/brand_navigation/brand_navigation.hbs ADDED Viewed

@@ -0,0 +1,14 @@
+<div class="sb-brand-navigation lg:container w-full md:px-1 lg:px-6 px-3.5 h-8">
+{{#> components/horizontal_scroll_container/horizontal_scroll_container _viewport="xs" _bgcolor="var(--color-brandnavigation-bg)" _iconcolor="primary" }}
+    <nav class="flex w-full text-xs list-none text-grey-scorpion">
+            <span id="brandNavHeading" class="hidden">Navigation der Marken des Hessischen Rundfunks</span>
+            {{#with this.brandNavigationItems}}
+                <ul class="flex pl-0.5 pr-3 md:px-0 flex-nowrap lg:mr-0">
+                    {{#each this}}
+                        {{> components/site_header/brand_navigation/brand_navigation_item }}
+                    {{/each}}
+                </ul>
+            {{/with}}
+    </nav>
+{{/components/horizontal_scroll_container/horizontal_scroll_container}}
+</div>

package/dist/views_static/components/site_header/brand_navigation/brand_navigation_item.hbs ADDED Viewed

@@ -0,0 +1,3 @@
+<li class="sb-brand-navigation-item h-8 {{#if this.selected}} h-10 md:h-8 font-bold text-brandnav-pseudo {{/if}} cursor-pointer inline-block lg:hover:underline active:font-bold active:text-primary">
+   <a class="link-focus-inset leading-[34px] items-center 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/dist/views_static/components/site_header/burger.hbs ADDED Viewed

@@ -0,0 +1,43 @@
+<div x-data="burger()" class="flex items-center justify-center h-full fill-current sb-burger">
+    <nav>
+        <button {{!-- :class="$store.burgeropen ? 'text-primary' : 'text-white'" --}}
+            class="relative w-10 h-10 text-navigation-text tablet:w-18 tablet:h-12 focus:outline-none bg-brand"
+            @burger-close.window="burgerClose()"
+            @click="$store.burgeropen = !$store.burgeropen"
+            @click.debounce="burgerClick()"
+            aria-owns="sectionNav"
+            aria-controls="sectionNav"
+            x-effect="$el.setAttribute('aria-expanded', $store.burgeropen);$el.setAttribute('aria-label', $store.burgeropen ? 'Navigation schließen' : 'Navigation öffnen')"
+        >
+            <span class="sr-only md:hidden">Open main menu</span>
+            <div class="absolute block w-6 -mt-px transform -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2">
+                <span aria-hidden="true" class="absolute block w-full h-0.5 transition duration-500 ease-in-out transform bg-current " :class="$store.burgeropen ? 'rotate-45' : '-mt-2'"></span>
+                <span aria-hidden="true" class="absolute block w-full h-0.5 transition duration-500 ease-in-out transform bg-current" :class="{'opacity-0': $store.burgeropen } "></span>
+                <span aria-hidden="true" class="absolute block w-full h-0.5 transition duration-500 ease-in-out transform bg-current" :class="{'-rotate-45': $store.burgeropen, 'mt-2': ! $store.burgeropen }"></span>
+            </div>
+        </button>
+    </nav>
+</div>
+<script>
+    var burger = () => {
+        return {
+            burgerClose(){
+                this.$store.burgeropen = false
+                this.$dispatch('toggle-sectionnav', false);
+            },
+            burgerClick(){
+                this.$store.serviceNavIsOpen = false
+                this.$dispatch('toggle-sectionnav',  this.$store.burgeropen);
+                // Todo: not doing anything! can be removed?
+                // this.percent > 50 ? this.removeYtranslate() : null;
+                this.toggleScrolling(!this.$store.burgeropen)
+            },
+            removeYtranslate(){
+                // Todo: not doing anything! can be removed?
+                //this.$refs.serviceList.classList.remove('-mt-40');
+                //this.$refs.sectionnavigation.classList.remove('-mt-40')
+            }
+        }
+    }
+</script>