hr-design-system-handlebars 1.35.14 → 1.36.0

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+# v1.36.0 (Tue Aug 22 2023)
+
+#### 🚀 Enhancement
+
+- Dpe 2222 podcast episode player 2 [#712](https://github.com/mumprod/hr-design-system-handlebars/pull/712) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
+# v1.35.15 (Thu Aug 17 2023)
+
+#### 🐛 Bug Fix
+
+- Dark mode styling for accordion in webview [#711](https://github.com/mumprod/hr-design-system-handlebars/pull/711) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
+
+#### Authors: 2
+
+- Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
+- selbaciri (saad.elbaciri@hr.de)
+
+---
+
 # v1.35.14 (Fri Aug 11 2023)
 
 #### 🐛 Bug Fix

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

@@ -5,13 +5,17 @@
     "anchor_sectionNav": "Bereichsnavigation anspringen",
     "anchor_serviceNav": "Servicenavigation anspringen",
     "anchor_subNav": "Subnavigation des Bereichs {0} anspringen",
+    "archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
     "close_button_alpine_click": "avStart = false; $dispatch('player_closed',{playerId: {0}})",
     "play_button_alpine_click": "playAndStop({0});/* $dispatch('stopotherplayers',{playerId: {0}}) */",
     "comment_anchor_1": "zu den ",
     "comment_anchor_2": " Kommentaren des Artikels springen",
     "comment_label_text": "Kommentar",
     "comment_label_text_many": "Kommentare",
+    "copyright_source": "Quelle:",
+    "copyright_symbol": "© {0}",
     "date_simple_at": "{0} Uhr",
+    "date_published": "Veröffentlicht am {0} um {1} Uhr",
     "event_calendar_no_events_available": "<strong>Hinweis:</strong><br />Es liegen aktuell noch keine Einträge für den gewählten Zeitraum vor.",
     "event_calendar_monthly_overview_link": "Zur Monats-Übersicht",
     "event_calendar_title": "Eventkalender",
@@ -91,8 +95,18 @@
     "livestream_plays": "Jetzt live",
     "livestream_will_play": "Startet am {0}",
     "livestream_will_play_with_time": "Startet am {0} um {1} Uhr",
+    "poster_copyright": "Bild &copy; {0}",
     "search_input_aria_submit": "Suche starten",
     "search_input_placeholder": "Ort oder Thema suchen",
+    "share_facebook_linktitle": "Bei Facebook teilen",
+    "share_headline": "Teilen",
+    "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
+    "share_mail_linktitle": "Per E-Mail versenden",
+    "share_copy_linktitle": "In die Zwischenablage kopieren",
+    "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
+    "share_twitter_linktitle": "Bei Twitter teilen",
+    "share_whatsapp_linktitle": "Bei Whatsapp teilen",
+    "share_print_linktitle": "Seite ausdrucken",
     "social_media_links_text": "Folgen Sie mir:",
     "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.",

package/dist/assets/brand/you-fm/icons/logo/svgmap.min.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol id="brandlogo--desk" viewBox="0 0 1704.47 500" preserveAspectRatio="xMidYMid meet"><style type="text/css">.st0{fill:#010101}</style><path class="st0" d="m867.55 106.31-96.99 177.13V394H697V284.26l-97-177.95h82.61l50.96 106.45 51.37-106.45h82.61zM1108.37 356.8c-29.18 28.91-64.87 43.36-107.06 43.36-42.2 0-77.88-14.45-107.06-43.36-29.18-28.9-43.77-64.45-43.77-106.65 0-42.19 14.59-77.74 43.77-106.65 29.18-28.91 64.87-43.36 107.06-43.36s77.88 14.45 107.06 43.36c29.18 28.91 43.77 64.46 43.77 106.65 0 42.2-14.59 77.75-43.77 106.65zm-162.54-50.55c14.79 14.66 33.29 21.99 55.48 21.99 22.19 0 40.68-7.33 55.48-21.99 14.79-14.66 22.2-33.35 22.2-56.1 0-22.74-7.4-41.44-22.2-56.1-14.79-14.65-33.29-21.99-55.48-21.99-22.2 0-40.69 7.33-55.48 21.99-14.79 14.66-22.19 33.36-22.19 56.1 0 22.75 7.4 41.45 22.19 56.1zM1376.33 372.62c-21.23 18.36-48.56 27.54-81.99 27.54-33.43 0-60.76-9.18-81.99-27.54-21.24-18.35-31.85-42.74-31.85-73.15V106.31h73.57v186.17c0 24.11 13.42 36.16 40.27 36.16s40.27-12.05 40.27-36.16V106.31h73.57v193.16c.01 30.41-10.62 54.8-31.85 73.15zM1540.22 141.55h-51.12v23.22h50.11V200h-50.11v48.88h-36.46V106.31h87.58v35.24zM1704.47 106.31v142.58h-36.26V172.1l-34.62 57.23h-3.67l-34.42-57.03v76.58h-36.46V106.31h36.46l36.26 60.9 36.46-60.9h36.25zM288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z"/></symbol><symbol id="brandlogo--footer-desk" viewBox="0 0 1704.47 500" preserveAspectRatio="xMidYMid meet"><style type="text/css">.st0{fill:#fff}</style><path class="st0" d="m867.55 106.31-96.99 177.13V394H697V284.26l-97-177.95h82.61l50.96 106.45 51.37-106.45h82.61zM1108.37 356.8c-29.18 28.91-64.87 43.36-107.06 43.36-42.2 0-77.88-14.45-107.06-43.36-29.18-28.9-43.77-64.45-43.77-106.65 0-42.19 14.59-77.74 43.77-106.65 29.18-28.91 64.87-43.36 107.06-43.36s77.88 14.45 107.06 43.36c29.18 28.91 43.77 64.46 43.77 106.65 0 42.2-14.59 77.75-43.77 106.65zm-162.54-50.55c14.79 14.66 33.29 21.99 55.48 21.99 22.19 0 40.68-7.33 55.48-21.99 14.79-14.66 22.2-33.35 22.2-56.1 0-22.74-7.4-41.44-22.2-56.1-14.79-14.65-33.29-21.99-55.48-21.99-22.2 0-40.69 7.33-55.48 21.99-14.79 14.66-22.19 33.36-22.19 56.1 0 22.75 7.4 41.45 22.19 56.1zM1376.33 372.62c-21.23 18.36-48.56 27.54-81.99 27.54-33.43 0-60.76-9.18-81.99-27.54-21.24-18.35-31.85-42.74-31.85-73.15V106.31h73.57v186.17c0 24.11 13.42 36.16 40.27 36.16s40.27-12.05 40.27-36.16V106.31h73.57v193.16c.01 30.41-10.62 54.8-31.85 73.15zM1540.22 141.55h-51.12v23.22h50.11V200h-50.11v48.88h-36.46V106.31h87.58v35.24zM1704.47 106.31v142.58h-36.26V172.1l-34.62 57.23h-3.67l-34.42-57.03v76.58h-36.46V106.31h36.46l36.26 60.9 36.46-60.9h36.25zM288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z"/></symbol><symbol id="brandlogo--footer" viewBox="0 0 500 500" preserveAspectRatio="xMidYMid meet"><path d="M288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z" fill="#fff"/></symbol><symbol id="brandlogo--mobile" viewBox="0 0 500 500" preserveAspectRatio="xMidYMid meet"><path d="M288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z" fill="#010101"/></symbol><symbol id="brandlogo--tiny" viewBox="0 0 500 500" preserveAspectRatio="xMidYMid meet"><path d="M288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z" fill="#010101"/></symbol></svg>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol id="brandlogo--footer-desk" viewBox="0 0 1704.47 500" preserveAspectRatio="xMidYMid meet"><style type="text/css">.st0{fill:#fff}</style><path class="st0" d="m867.55 106.31-96.99 177.13V394H697V284.26l-97-177.95h82.61l50.96 106.45 51.37-106.45h82.61zM1108.37 356.8c-29.18 28.91-64.87 43.36-107.06 43.36-42.2 0-77.88-14.45-107.06-43.36-29.18-28.9-43.77-64.45-43.77-106.65 0-42.19 14.59-77.74 43.77-106.65 29.18-28.91 64.87-43.36 107.06-43.36s77.88 14.45 107.06 43.36c29.18 28.91 43.77 64.46 43.77 106.65 0 42.2-14.59 77.75-43.77 106.65zm-162.54-50.55c14.79 14.66 33.29 21.99 55.48 21.99 22.19 0 40.68-7.33 55.48-21.99 14.79-14.66 22.2-33.35 22.2-56.1 0-22.74-7.4-41.44-22.2-56.1-14.79-14.65-33.29-21.99-55.48-21.99-22.2 0-40.69 7.33-55.48 21.99-14.79 14.66-22.19 33.36-22.19 56.1 0 22.75 7.4 41.45 22.19 56.1zM1376.33 372.62c-21.23 18.36-48.56 27.54-81.99 27.54-33.43 0-60.76-9.18-81.99-27.54-21.24-18.35-31.85-42.74-31.85-73.15V106.31h73.57v186.17c0 24.11 13.42 36.16 40.27 36.16s40.27-12.05 40.27-36.16V106.31h73.57v193.16c.01 30.41-10.62 54.8-31.85 73.15zM1540.22 141.55h-51.12v23.22h50.11V200h-50.11v48.88h-36.46V106.31h87.58v35.24zM1704.47 106.31v142.58h-36.26V172.1l-34.62 57.23h-3.67l-34.42-57.03v76.58h-36.46V106.31h36.46l36.26 60.9 36.46-60.9h36.25zM288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z"/></symbol><symbol id="brandlogo--footer" viewBox="0 0 500 500" preserveAspectRatio="xMidYMid meet"><path d="M288.31.1 250.1 38.31 211.88.1H.1v220.01l38.21 38.21L.1 296.53V500.1h280.59L500.1 280.68V.1H288.31zm137.53 250L250.1 425.84H74.35V320.82l62.5-62.5-62.5-62.5V74.35H187.6l62.5 62.06 62.5-62.06h113.24V250.1z" fill="#fff"/></symbol></svg>

package/dist/assets/index.css

@@ -1368,6 +1368,9 @@ video {
 .mt-8 {
   margin-top: 2rem;
 }
+.mt-\[1px\] {
+  margin-top: 1px;
+}
 .box-border {
   box-sizing: border-box;
 }
@@ -3031,7 +3034,7 @@ video {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1691756089196;
+  counter-reset: cnt1692702733191;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3266,7 +3269,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1691756089196 1;
+  counter-increment: cnt1692702733191 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3282,7 +3285,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1691756089196);
+  content: counter(cnt1692702733191);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -4674,6 +4677,9 @@ video {
 .backdrop\:bg-gray-scorpion\/90::backdrop {
   background-color: rgba(96, 96, 96, 0.9);
 }
+.first\:mt-6:first-child {
+  margin-top: 1.5rem;
+}
 .first\:border-t:first-child {
   border-top-width: 1px;
 }
@@ -4924,6 +4930,11 @@ video {
     }
 @media (color-index: 48) {
 
+  .dark\:fill-link-dark {
+    fill: #006eb7;
+    fill: var(--color-link-dark);
+  }
+
   .dark\:text-link-dark {
     color: #006eb7;
     color: var(--color-link-dark);
@@ -4936,6 +4947,11 @@ video {
 }
 @media (color: 48842621) {
 
+  .dark\:fill-link-dark {
+    fill: #006eb7;
+    fill: var(--color-link-dark);
+  }
+
   .dark\:text-link-dark {
     color: #006eb7;
     color: var(--color-link-dark);
@@ -4948,6 +4964,11 @@ video {
 }
 @media (color-index: 48) {
 
+  .dark\:fill-link-dark {
+    fill: #006eb7;
+    fill: var(--color-link-dark);
+  }
+
   .dark\:text-link-dark {
     color: #006eb7;
     color: var(--color-link-dark);
@@ -4960,6 +4981,11 @@ video {
 }
 @media (color: 48842621) {
 
+  .dark\:fill-link-dark {
+    fill: #006eb7;
+    fill: var(--color-link-dark);
+  }
+
   .dark\:text-link-dark {
     color: #006eb7;
     color: var(--color-link-dark);
@@ -4972,6 +4998,11 @@ video {
 }
 @media (prefers-color-scheme: dark) {
 
+  .dark\:fill-link-dark {
+    fill: #006eb7;
+    fill: var(--color-link-dark);
+  }
+
   .dark\:text-link-dark {
     color: #006eb7;
     color: var(--color-link-dark);

package/dist/views/components/article/components/accordion/accordion.hbs

@@ -1,5 +1,5 @@
 {{#if this.title}}
-    <h2 class="mb-5 text-lg font-normal accordion mt-11 sm480:text-2xl font-headingSerif">{{this.title}}</h2>
+    <h2 class="mb-5 text-lg font-normal accordion mt-11 sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h2>
 {{/if}}
 <div x-cloak x-data="{selected:0}" class="pb-11{{#unless this.title}} mt-11{{/unless}}">
     {{#each this.copytextParagraph }}
@@ -13,12 +13,12 @@
                     aria-controls="accordionItem{{getRandom}}"
             >
                 <div class="flex flex-row justify-between border-t basis-10/12 content-evenly border-gray-alto">
-                    <h3 aria-hidden="true" :class="selected !== {{getRandom}} ? 'line-clamp-2' : ''" class="hover:text-toplineColor self-center my-3.5 text-base font-normal sm480:my-5 sm480:text-lg font-headingSerif">{{{this.text}}}</h3>
+                    <h3 aria-hidden="true" :class="selected !== {{getRandom}} ? 'line-clamp-2' : ''" class="hover:text-toplineColor self-center my-3.5 text-base font-normal sm480:my-5 sm480:text-lg font-headingSerif dark:text-text-dark">{{{this.text}}}</h3>
                     <span :class="selected == {{getRandom}} ? 'hidden' : ''">
-                        {{> components/base/image/icon _icon="plus"  _addClass="hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current"}}
+                        {{> components/base/image/icon _icon="plus"  _addClass="hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current dark:fill-link-dark"}}
                     </span>
                     <span :class="selected !== {{getRandom}} ? 'hidden' : ''">
-                        {{> components/base/image/icon _icon="minus"  _addClass="hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current"}}
+                        {{> components/base/image/icon _icon="minus"  _addClass="hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current dark:fill-link-dark"}}
                     </span>
                 </div>
             </button>

package/dist/views/components/article/components/podcast/podcast_player_episode.hbs

@@ -0,0 +1,13 @@
+<div class="w-full bg-highlight-1 rounded-tl-hr rounded-br-hr" > 
+    {{> components/podcast/podcast_player _linkTitle="true" _isSinglePage=false _type="podcastEpisodePlayer"}}
+</div>
+<div class="pt-5">
+    {{> components/podcast/components/podcast_player_shorttext }}
+</div>
+{{> components/content/content_footer/content_footer 
+    _author=this.audioAuthor
+    _showDate=this.hasDwellTime
+    _date=this.airdateDate
+    _copyright=this.copyright
+    _isArchiveContent=this.isArchiveContent
+    _posterCopyright="poster_copyright"}}

package/dist/views/components/content/content_footer/content_footer.hbs

@@ -0,0 +1,50 @@
+<footer class="flex flex-col px-5 text-sm font-copy{{#if _addClass}} {{_addClass}}{{/if}}">
+    {{~#with _author ~}}
+        <p class="block first:mt-6 contentFooter__byline text__byline">
+            Autor: {{this}}
+        </p>
+    {{~/with~}}
+    {{#if _showDate ~}}
+        {{#with _date}}
+            <p class="block contentFooter__byline text__byline">
+                <time datetime="{{this.htmlDateTime}}">{{loca "date_published" this.date this.time }}</time>
+            </p>
+        {{/with~}}
+    {{/if}}
+
+    {{~#with _source}}
+        <p class="block contentFooter__byline text__byline">
+            {{~loca "copyright_source"~}}
+            {{~#each this}}
+                {{~#if @first}} {{this}}{{else}}, {{this}}{{/if~}}
+            {{/each~}}
+        </p>
+    {{/with~}}
+
+    {{~#with _copyright ~}}
+        <p class="block contentFooter__byline text__byline">
+            {{~loca "copyright_source"}} {{loca "copyright_symbol" this ~}}
+        </p>
+    {{~/with~}}
+
+    {{~#if _isArchiveContent}}
+        <p class="block contentFooter__byline text__byline">
+            {{loca "archive_content"}}
+        </p>
+    {{/if}}
+
+    {{~#with _posterCopyright ~}}
+        {{~#with ../teaseritem.copyrightWithLinks}}
+            <p class="block contentFooter__byline text__byline">
+                {{~loca ../this this}}
+            </p>
+        {{~/with~}}
+    {{~/with~}}
+
+    <!-- TODO teaseritem.copyrightWithLinks dont work in gallery, generalize model -->
+    {{~#with _galleryCopyright ~}}
+        <p class="block contentFooter__byline text__byline">
+            {{~loca this ../copyrightWithLinks}}
+        </p>
+    {{~/with~}}
+</footer>

package/dist/views/components/podcast/components/podcast_player_shorttext.hbs

@@ -0,0 +1,9 @@
+{{#unless _isSinglePage}}
+  {{#unless this.hideShortText}}
+      {{~#with this.shorttext}}
+          <div class="col-span-12 px-5 text-sm md:text-base font-copy c-podcastEpisodePlayer__shortText">
+              <span class="c-teaser__shorttext"> {{this}} </span>
+          </div>
+      {{/with~}}
+  {{/unless}}
+{{/unless}}

package/dist/views/components/{teaser/podcast → podcast/components}/podcast_player_ui.hbs

@@ -4,7 +4,7 @@
 
             {{!-- Start/StopButton       --}}
             <div id="playbutton{{_id}}" class="flex">
-                {{> components/teaser/podcast/podcast_playbutton 
+                {{> components/podcast/components/podcast_playbutton 
                 _css="mr-4" 
                 _id = _id
                 _alpineClick=(loca "play_button_alpine_click" _id) }}
@@ -26,7 +26,7 @@
                         </div>
 
                         {{!-- Download --}}                        
-                        {{> components/teaser/podcast/podcast_downloadbutton 
+                        {{> components/podcast/components/podcast_downloadbutton 
                             _addClass="-mb-2 ml-2"
                             _iconClass="h-6 w-6 text-podcast-text fill-current"
                             _url=this.podcastDownloadUrl 
@@ -35,7 +35,7 @@
                     </div>
 
                     <div class="flex w-fit max-w-3/4 ">       
-                        {{> components/teaser/podcast/podcast_item_title 
+                        {{> components/podcast/components/podcast_item_title 
                             _title=this.title 
                             _addClass="" }}  
                     </div>   
@@ -59,7 +59,7 @@
                 {{#if _isPlaylistPlayer}}
                     {{!-- Meta Time usw. --}}
                     <div x-init="setTime( '{{_podcastDuration}}', '{{_id}}' ); " class="flex w-full"> 
-                        {{> components/teaser/podcast/podcast_timedisplay 
+                        {{> components/podcast/components/podcast_timedisplay 
                         _id=_id
                         _duration=duration
                         _currentTimeClasses="font-bold text-podcast-text" 
@@ -73,7 +73,7 @@
         {{#unless _isPlaylistPlayer}}
             {{!-- Meta Time usw. --}}
             <div x-init="setTime( '{{_podcastDuration}}', '{{_id}}' ); " >
-            {{> components/teaser/podcast/podcast_timedisplay 
+            {{> components/podcast/components/podcast_timedisplay 
                 _id=_id
                 _duration=duration 
                 _currentTimeClasses="font-bold text-podcast-text" 

package/{src/stories/views/components/teaser/podcast → dist/views/components/podcast/components}/podcast_subscribe_button.hbs

@@ -23,11 +23,11 @@
     {{#with this}}
         {{#> components/button/button _size="md" _disableButtonPress=true}}
             {{>components/button/components/button_label _label="Abonnieren" _css="flex-1 text-left truncate mr-2" _type="button"}}  
-            <span x-cloak x-show="open" class="w-3 h-3">
-                {{> components/base/image/icon _icon='arrow-up' _addClass="flex self-center w-3 h-3 fill-white" }}
+            <span x-cloak x-show="open" class="inline-flex w-3 h-3">
+                {{> components/base/image/icon _icon='arrow-up' _addClass="mt-[1px] w-3 h-3 fill-white" }}
             </span>
-            <span x-show="!open" class="w-3 h-3">
-                {{> components/base/image/icon _icon='arrow-down' _addClass="flex self-center w-3 h-3 fill-white" }}
+            <span x-show="!open" class="inline-flex w-3 h-3">
+                {{> components/base/image/icon _icon='arrow-down' _addClass="mt-[1px] w-3 h-3 fill-white" }}
             </span>
         {{/components/button/button}}
         {{#*inline "htmlProperties"}}

package/{src/stories/views/components/teaser → dist/views/components}/podcast/podcast_player.hbs

@@ -20,7 +20,7 @@
               {{/with}}
 
               {{!-- Download --}}
-              {{> components/teaser/podcast/podcast_downloadbutton 
+              {{> components/podcast/components/podcast_downloadbutton 
                 _addClass=""
                 _iconClass="h-6 w-6 text-podcast-text fill-current"
                 _url=this.podcastDownloadUrl }}
@@ -30,7 +30,7 @@
 
         {{!-- Überschrift: --}}
         <div class="flex pb-5 pr-2 md:pr-5">          
-          {{> components/teaser/podcast/podcast_title _title=this.title _teaserSize=this.realTeaserSize _addClass="" }}  
+          {{> components/podcast/components/podcast_title _title=this.title _teaserSize=this.realTeaserSize _addClass="" }}  
         </div>
 
       </div>
@@ -57,7 +57,7 @@
       ax-load
       x-ignore
       ax-load-src={{resourceUrl "assets/js/vendor/podcast_player.alpine.js" }}>
-      {{> components/teaser/podcast/podcast_player_ui 
+      {{> components/podcast/components/podcast_player_ui 
         _isPlaylistPlayer=false
         _podcastDuration=duration
         _id=(nextRandom) 
@@ -68,7 +68,7 @@
     {{!-- Abo-Dropdown    --}}
     <div class="flex flex-row pt-5">
       {{#with this.podcastChannel}}       
-        {{> components/teaser/podcast/podcast_subscribe_button}}
+        {{> components/podcast/components/podcast_subscribe_button}}
       {{/with}}
 
       {{#with this.podcastChannel}}    
@@ -83,13 +83,3 @@
     </div>
   </div>  
 </div>
-
-{{#unless _isSinglePage}}
-  {{#unless this.hideShortText}}
-      {{~#with this.shorttext}}
-          <div class="col-span-12 px-5 pb-5 text-sm md:text-base font-copy c-podcastEpisodePlayer__shortText">
-              <span class="c-teaser__shorttext"> {{this}} </span>
-          </div>
-      {{/with~}}
-  {{/unless}}
-{{/unless}}

package/{src/stories/views/components/teaser → dist/views/components}/podcast/podcast_playlist_player.hbs

@@ -15,21 +15,21 @@
 
         {{!-- Überschrift: --}}
         <div class="flex pb-5 pr-2 md:pr-5">
-          {{> components/teaser/podcast/podcast_title _title=this.title _teaserSize=this.realTeaserSize _addClass="" }}
+          {{> components/podcast/components/podcast_title _title=this.title _teaserSize=this.realTeaserSize _addClass="" }}
         </div>
 
         {{!-- {{#switch this.realTeaserSize }}
           {{#case "100"}}
-            {{> components/teaser/podcast/podcast_playlist_shorttext}}
+            {{> components/podcast/components/podcast_playlist_shorttext}}
           {{/case}}
         {{/switch}} --}}
 
-        {{> components/teaser/podcast/podcast_playlist_shorttext}}
+        {{> components/podcast/components/podcast_playlist_shorttext}}
 
         {{!-- Abo-Dropdown --}}
         {{#if this.isSingleChannel}}
           
-            {{> components/teaser/podcast/podcast_subscribe_button}}
+            {{> components/podcast/components/podcast_subscribe_button}}
           
         {{/if}} 
       </div>
@@ -51,7 +51,7 @@
     {{!-- {{#switch this.realTeaserSize }}
       {{#case "50"}}
         <div class="flex flex-row w-full px-5 md:pl-5">
-          {{> components/teaser/podcast/podcast_playlist_shorttext}}
+          {{> components/podcast/components/podcast_playlist_shorttext}}
         </div>
       {{/case}}
     {{/switch}} --}}
@@ -69,7 +69,7 @@
   ax-load-src={{resourceUrl "assets/js/vendor/podcast_player.alpine.js" }}>
     {{#each this.playlistItems}}
       <div class="flex pb-5 {{#unless @last}}border-white border-b{{/unless}}">
-        {{> components/teaser/podcast/podcast_player_ui
+        {{> components/podcast/components/podcast_player_ui
           _isPlaylistPlayer=true
           _podcastDuration=this.duration
           _title=this.title

package/dist/views/components/teaser/podcast/podcast-playlist.hbs

@@ -1,4 +1,4 @@
 <div class="grid gap-y-6 relative gap-x-4 flex-col pt-5 mx-5 sm:mx-0 md:pt-5 bg-highlight-1 rounded-tl-hr rounded-br-hr col-span-12{{inline-switch this.teaserSize '["50"]' '[" md:col-span-6",""]'}}" >
-    {{> components/teaser/podcast/podcast_playlist_player _linkTitle="true" _isSinglePage=false _type="podcastPlaylistPlayerTeaser" }}
+    {{> components/podcast/podcast_playlist_player _linkTitle="true" _isSinglePage=false _type="podcastPlaylistPlayerTeaser" }}
 </div>
 

package/dist/views/components/teaser/podcast/podcast.hbs

@@ -1,3 +1,4 @@
 <div class="relative grid flex-col col-span-12 mx-5 sm:mx-0 gap-y-6 gap-x-4 bg-highlight-1 rounded-tl-hr rounded-br-hr{{inline-switch this.teaserSize '["50"]' '[" md:col-span-6",""]'}}" > 
-    {{> components/teaser/podcast/podcast_player _linkTitle="true" _isSinglePage=true _type="podcastEpisodePlayerTeaser" }}
+    {{> components/podcast/podcast_player _linkTitle="true" _isSinglePage=true _type="podcastEpisodePlayerTeaser" }}
+    {{> components/podcast/components/podcast_player_shorttext }}
 </div>

package/dist/views_static/components/article/components/accordion/accordion.hbs

@@ -1,5 +1,5 @@
 {{#if this.title}}
-    <h2 class="mb-5 text-lg font-normal accordion mt-11 sm480:text-2xl font-headingSerif">{{this.title}}</h2>
+    <h2 class="mb-5 text-lg font-normal accordion mt-11 sm480:text-2xl font-headingSerif dark:text-text-dark">{{this.title}}</h2>
 {{/if}}
 <div x-cloak x-data="{selected:0}" class="pb-11{{#unless this.title}} mt-11{{/unless}}">
     {{#each this.copytextParagraph }}
@@ -13,12 +13,12 @@
                     aria-controls="accordionItem{{getRandom}}"
             >
                 <div class="flex flex-row justify-between border-t basis-10/12 content-evenly border-gray-alto">
-                    <h3 aria-hidden="true" :class="selected !== {{getRandom}} ? 'line-clamp-2' : ''" class="hover:text-toplineColor self-center my-3.5 text-base font-normal sm480:my-5 sm480:text-lg font-headingSerif">{{{this.text}}}</h3>
+                    <h3 aria-hidden="true" :class="selected !== {{getRandom}} ? 'line-clamp-2' : ''" class="hover:text-toplineColor self-center my-3.5 text-base font-normal sm480:my-5 sm480:text-lg font-headingSerif dark:text-text-dark">{{{this.text}}}</h3>
                     <span :class="selected == {{getRandom}} ? 'hidden' : ''">
-                        {{> components/base/image/icon _icon="plus"  _addClass="hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current"}}
+                        {{> components/base/image/icon _icon="plus"  _addClass="hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current dark:fill-link-dark"}}
                     </span>
                     <span :class="selected !== {{getRandom}} ? 'hidden' : ''">
-                        {{> components/base/image/icon _icon="minus"  _addClass="hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current"}}
+                        {{> components/base/image/icon _icon="minus"  _addClass="hover:text-toplineColor mx-5 mt-2 sm480:mt-4 w-8 h-8 fill-current dark:fill-link-dark"}}
                     </span>
                 </div>
             </button>

package/dist/views_static/components/article/components/podcast/podcast_player_episode.hbs

@@ -0,0 +1,13 @@
+<div class="w-full bg-highlight-1 rounded-tl-hr rounded-br-hr" > 
+    {{> components/podcast/podcast_player _linkTitle="true" _isSinglePage=false _type="podcastEpisodePlayer"}}
+</div>
+<div class="pt-5">
+    {{> components/podcast/components/podcast_player_shorttext }}
+</div>
+{{> components/content/content_footer/content_footer 
+    _author=this.audioAuthor
+    _showDate=this.hasDwellTime
+    _date=this.airdateDate
+    _copyright=this.copyright
+    _isArchiveContent=this.isArchiveContent
+    _posterCopyright="poster_copyright"}}

package/dist/views_static/components/content/content_footer/content_footer.hbs

@@ -0,0 +1,50 @@
+<footer class="flex flex-col px-5 text-sm font-copy{{#if _addClass}} {{_addClass}}{{/if}}">
+    {{~#with _author ~}}
+        <p class="block first:mt-6 contentFooter__byline text__byline">
+            Autor: {{this}}
+        </p>
+    {{~/with~}}
+    {{#if _showDate ~}}
+        {{#with _date}}
+            <p class="block contentFooter__byline text__byline">
+                <time datetime="{{this.htmlDateTime}}">{{loca "date_published" this.date this.time }}</time>
+            </p>
+        {{/with~}}
+    {{/if}}
+
+    {{~#with _source}}
+        <p class="block contentFooter__byline text__byline">
+            {{~loca "copyright_source"~}}
+            {{~#each this}}
+                {{~#if @first}} {{this}}{{else}}, {{this}}{{/if~}}
+            {{/each~}}
+        </p>
+    {{/with~}}
+
+    {{~#with _copyright ~}}
+        <p class="block contentFooter__byline text__byline">
+            {{~loca "copyright_source"}} {{loca "copyright_symbol" this ~}}
+        </p>
+    {{~/with~}}
+
+    {{~#if _isArchiveContent}}
+        <p class="block contentFooter__byline text__byline">
+            {{loca "archive_content"}}
+        </p>
+    {{/if}}
+
+    {{~#with _posterCopyright ~}}
+        {{~#with ../teaseritem.copyrightWithLinks}}
+            <p class="block contentFooter__byline text__byline">
+                {{~loca ../this this}}
+            </p>
+        {{~/with~}}
+    {{~/with~}}
+
+    <!-- TODO teaseritem.copyrightWithLinks dont work in gallery, generalize model -->
+    {{~#with _galleryCopyright ~}}
+        <p class="block contentFooter__byline text__byline">
+            {{~loca this ../copyrightWithLinks}}
+        </p>
+    {{~/with~}}
+</footer>

package/dist/views_static/components/podcast/components/podcast_player_shorttext.hbs

@@ -0,0 +1,9 @@
+{{#unless _isSinglePage}}
+  {{#unless this.hideShortText}}
+      {{~#with this.shorttext}}
+          <div class="col-span-12 px-5 text-sm md:text-base font-copy c-podcastEpisodePlayer__shortText">
+              <span class="c-teaser__shorttext"> {{this}} </span>
+          </div>
+      {{/with~}}
+  {{/unless}}
+{{/unless}}

package/dist/views_static/components/{teaser/podcast → podcast/components}/podcast_player_ui.hbs

@@ -4,7 +4,7 @@
 
             {{!-- Start/StopButton       --}}
             <div id="playbutton{{_id}}" class="flex">
-                {{> components/teaser/podcast/podcast_playbutton 
+                {{> components/podcast/components/podcast_playbutton 
                 _css="mr-4" 
                 _id = _id
                 _alpineClick=(loca "play_button_alpine_click" _id) }}
@@ -26,7 +26,7 @@
                         </div>
 
                         {{!-- Download --}}                        
-                        {{> components/teaser/podcast/podcast_downloadbutton 
+                        {{> components/podcast/components/podcast_downloadbutton 
                             _addClass="-mb-2 ml-2"
                             _iconClass="h-6 w-6 text-podcast-text fill-current"
                             _url=this.podcastDownloadUrl 
@@ -35,7 +35,7 @@
                     </div>
 
                     <div class="flex w-fit max-w-3/4 ">       
-                        {{> components/teaser/podcast/podcast_item_title 
+                        {{> components/podcast/components/podcast_item_title 
                             _title=this.title 
                             _addClass="" }}  
                     </div>   
@@ -59,7 +59,7 @@
                 {{#if _isPlaylistPlayer}}
                     {{!-- Meta Time usw. --}}
                     <div x-init="setTime( '{{_podcastDuration}}', '{{_id}}' ); " class="flex w-full"> 
-                        {{> components/teaser/podcast/podcast_timedisplay 
+                        {{> components/podcast/components/podcast_timedisplay 
                         _id=_id
                         _duration=duration
                         _currentTimeClasses="font-bold text-podcast-text" 
@@ -73,7 +73,7 @@
         {{#unless _isPlaylistPlayer}}
             {{!-- Meta Time usw. --}}
             <div x-init="setTime( '{{_podcastDuration}}', '{{_id}}' ); " >
-            {{> components/teaser/podcast/podcast_timedisplay 
+            {{> components/podcast/components/podcast_timedisplay 
                 _id=_id
                 _duration=duration 
                 _currentTimeClasses="font-bold text-podcast-text" 

package/dist/{views/components/teaser/podcast → views_static/components/podcast/components}/podcast_subscribe_button.hbs

@@ -23,11 +23,11 @@
     {{#with this}}
         {{#> components/button/button _size="md" _disableButtonPress=true}}
             {{>components/button/components/button_label _label="Abonnieren" _css="flex-1 text-left truncate mr-2" _type="button"}}  
-            <span x-cloak x-show="open" class="w-3 h-3">
-                {{> components/base/image/icon _icon='arrow-up' _addClass="flex self-center w-3 h-3 fill-white" }}
+            <span x-cloak x-show="open" class="inline-flex w-3 h-3">
+                {{> components/base/image/icon _icon='arrow-up' _addClass="mt-[1px] w-3 h-3 fill-white" }}
             </span>
-            <span x-show="!open" class="w-3 h-3">
-                {{> components/base/image/icon _icon='arrow-down' _addClass="flex self-center w-3 h-3 fill-white" }}
+            <span x-show="!open" class="inline-flex w-3 h-3">
+                {{> components/base/image/icon _icon='arrow-down' _addClass="mt-[1px] w-3 h-3 fill-white" }}
             </span>
         {{/components/button/button}}
         {{#*inline "htmlProperties"}}