hr-design-system-handlebars 1.36.3 → 1.37.0

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

@@ -0,0 +1,65 @@
+<div class="flex w-full pb-5 border-b border-white">
+  <div class="flex flex-col grow">
+    {{!-- First Row --}}
+    <div class="flex flex-row px-5 md:pl-5 {{#if ../_ordered}} pl-8 {{/if}} ">
+      <div class="flex flex-col pr-5 grow">
+        <div class="flex max-h-6">
+          {{!-- Label / Airdate --}}
+          {{#with label}}
+            <span
+              class='sb-label mr-2 rounded px-1.5 pt-px inline-block tracking-wide text-white text-base leading-5.5 font-heading bg-labelMedia'>
+              {{ loca this.loca }}
+            </span>
+          {{/with}}
+        </div>
+
+        {{!-- Überschrift: --}}
+        <div class="flex pb-5 pr-2 md:pr-5">
+          {{> components/podcast/components/podcast_title _title=this.title _teaserSize=this.realTeaserSize _addClass="" }}
+        </div>
+
+        {{> components/podcast/components/podcast_playlist_shorttext}}
+
+        {{!-- Abo-Dropdown --}}
+        {{#if this.isSingleChannel}}         
+            {{> components/podcast/components/podcast_subscribe_button}}
+        {{/if}} 
+      
+      </div>
+
+      {{!-- Podcast Image --}}
+      <div class="flex flex-col pb-5">
+        <div class="w-22 {{inline-switch this.realTeaserSize '["100","50"]' '["md:w-32 lg:w-42","md:w-22 lg:w-32", ""]'}}">
+          {{> components/base/image/responsive_image this.teaseritem
+            _type="podcastEpisodePlayer"
+            _variant="default"
+            _addClass="overflow-hidden"
+            _noDelay=this.dontLazyload
+            _addClassImg="w-full block"
+          }}
+        </div>
+      </div>
+    </div>
+    
+  </div>
+</div>
+
+{{!-- Player UI --}}
+<div  class="flex flex-col col-span-12 gap-5 px-5"
+  x-data="playaudio()" 
+  x-init="listenToGlobalStop()" 
+  ax-load 
+  x-ignore
+  ax-load-src={{resourceUrl "assets/js/vendor/podcast_player.alpine.js" }}>
+    {{#each this.allPlaylistItems}}
+      <div class="flex pb-5 {{#unless @last}}border-white border-b{{/unless}}">
+        {{> components/podcast/components/podcast_player_ui
+          _isPlaylistPlayer=true
+          _podcastDuration=this.duration
+          _title=this.title
+          _id=(nextRandom)
+          _first=@first
+        }}
+      </div>
+    {{/each}}
+</div>

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

package/package.json

@@ -6,7 +6,7 @@
     "license": "MIT",
     "main": "dist/index.js",
     "repository": "https://github.com/szuelch/hr-design-system-handlebars",
-    "version": "1.36.3",
+    "version": "1.37.0",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
         "storybook": "storybook dev -p 6006 public",

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

@@ -5,6 +5,8 @@
     "anchor_sectionNav": "Bereichsnavigation anspringen",
     "anchor_serviceNav": "Servicenavigation anspringen",
     "anchor_subNav": "Subnavigation des Bereichs {0} anspringen",
+    "appendix_title": "Zusatzinformationen",
+    "appendix_links_title": "Weitere Hinweise",
     "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}}) */",

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

@@ -5,6 +5,8 @@
 	"anchor_sectionNav": "Bereichsnavigation anspringen",
 	"anchor_serviceNav": "Servicenavigation anspringen",
 	"anchor_subNav": "Subnavigation des Bereichs {0} anspringen",
+	"appendix_title": "Zusatzinformationen",
+	"appendix_links_title": "Weitere Hinweise",
 	"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}}) */",

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

@@ -5,6 +5,8 @@
 	"anchor_sectionNav": "Bereichsnavigation anspringen",
 	"anchor_serviceNav": "Servicenavigation anspringen",
 	"anchor_subNav": "Subnavigation des Bereichs {0} anspringen",
+	"appendix_title": "Zusatzinformationen",
+	"appendix_links_title": "Weitere Hinweise",
 	"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}}) */",

package/src/assets/brand/hr-bigband/conf/locatags.merged.json

@@ -5,6 +5,8 @@
 	"anchor_sectionNav": "Bereichsnavigation anspringen",
 	"anchor_serviceNav": "Servicenavigation anspringen",
 	"anchor_subNav": "Subnavigation des Bereichs {0} anspringen",
+	"appendix_title": "Zusatzinformationen",
+	"appendix_links_title": "Weitere Hinweise",
 	"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}}) */",

package/src/assets/brand/hr-fernsehen/conf/locatags.merged.json

@@ -5,6 +5,8 @@
 	"anchor_sectionNav": "Bereichsnavigation anspringen",
 	"anchor_serviceNav": "Servicenavigation anspringen",
 	"anchor_subNav": "Subnavigation des Bereichs {0} anspringen",
+	"appendix_title": "Zusatzinformationen",
+	"appendix_links_title": "Weitere Hinweise",
 	"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}}) */",

package/src/assets/brand/hr-inforadio/conf/locatags.merged.json

@@ -5,6 +5,8 @@
 	"anchor_sectionNav": "Bereichsnavigation anspringen",
 	"anchor_serviceNav": "Servicenavigation anspringen",
 	"anchor_subNav": "Subnavigation des Bereichs {0} anspringen",
+	"appendix_title": "Zusatzinformationen",
+	"appendix_links_title": "Weitere Hinweise",
 	"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}}) */",

package/src/assets/brand/hr-rundfunkrat/conf/locatags.merged.json

@@ -5,6 +5,8 @@
 	"anchor_sectionNav": "Bereichsnavigation anspringen",
 	"anchor_serviceNav": "Servicenavigation anspringen",
 	"anchor_subNav": "Subnavigation des Bereichs {0} anspringen",
+	"appendix_title": "Zusatzinformationen",
+	"appendix_links_title": "Weitere Hinweise",
 	"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}}) */",

package/src/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json

@@ -5,6 +5,8 @@
 	"anchor_sectionNav": "Bereichsnavigation anspringen",
 	"anchor_serviceNav": "Servicenavigation anspringen",
 	"anchor_subNav": "Subnavigation des Bereichs {0} anspringen",
+	"appendix_title": "Zusatzinformationen",
+	"appendix_links_title": "Weitere Hinweise",
 	"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}}) */",

package/src/assets/brand/hr-werbung/conf/locatags.merged.json

@@ -5,6 +5,8 @@
 	"anchor_sectionNav": "Bereichsnavigation anspringen",
 	"anchor_serviceNav": "Servicenavigation anspringen",
 	"anchor_subNav": "Subnavigation des Bereichs {0} anspringen",
+	"appendix_title": "Zusatzinformationen",
+	"appendix_links_title": "Weitere Hinweise",
 	"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}}) */",

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

@@ -5,6 +5,8 @@
 	"anchor_sectionNav": "Bereichsnavigation anspringen",
 	"anchor_serviceNav": "Servicenavigation anspringen",
 	"anchor_subNav": "Subnavigation des Bereichs {0} anspringen",
+	"appendix_title": "Zusatzinformationen",
+	"appendix_links_title": "Weitere Hinweise",
 	"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}}) */",

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

@@ -5,6 +5,8 @@
 	"anchor_sectionNav": "Bereichsnavigation anspringen",
 	"anchor_serviceNav": "Servicenavigation anspringen",
 	"anchor_subNav": "Subnavigation des Bereichs {0} anspringen",
+	"appendix_title": "Zusatzinformationen",
+	"appendix_links_title": "Weitere Hinweise",
 	"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}}) */",

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

@@ -5,6 +5,8 @@
 	"anchor_sectionNav": "Bereichsnavigation anspringen",
 	"anchor_serviceNav": "Servicenavigation anspringen",
 	"anchor_subNav": "Subnavigation des Bereichs {0} anspringen",
+	"appendix_title": "Zusatzinformationen",
+	"appendix_links_title": "Weitere Hinweise",
 	"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}}) */",

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

@@ -5,6 +5,8 @@
 	"anchor_sectionNav": "Bereichsnavigation anspringen",
 	"anchor_serviceNav": "Servicenavigation anspringen",
 	"anchor_subNav": "Subnavigation des Bereichs {0} anspringen",
+	"appendix_title": "Zusatzinformationen",
+	"appendix_links_title": "Weitere Hinweise",
 	"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}}) */",

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

@@ -5,6 +5,8 @@
 	"anchor_sectionNav": "Bereichsnavigation anspringen",
 	"anchor_serviceNav": "Servicenavigation anspringen",
 	"anchor_subNav": "Subnavigation des Bereichs {0} anspringen",
+	"appendix_title": "Zusatzinformationen",
+	"appendix_links_title": "Weitere Hinweise",
 	"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}}) */",

package/src/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--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>
+<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>

package/src/assets/fixtures/article/components/podcast/podcast_player_episode.json

@@ -138,7 +138,7 @@
             "isExtOrBrandLink": false,
             "isAuthor": true,
             "copyright": "Copyright Text",
-            "audioAuthor": "Stefan Fricke",
+            "audioAuthor": "Anna Magel",
             "hasStatus": false,
             "hasTeaserItem": false,
             "allowAVConsumption": true,

package/src/assets/fixtures/article/components/podcast/podcast_player_playlist.json

@@ -0,0 +1,142 @@
+{
+    "teaserPodcastPlaylist": {
+        "logicItem": {
+            "includePath": "components/article/components/podcast/podcast_playlist_article",
+            "includeModel": {
+                "teaserSize": "100",
+                "realTeaserSize": "100",
+                "isSingleChannel": true,
+                "url": "#url",
+                "title": "Im Haifischbecken - der Social-Media-Podcast",
+                "shortText": "shortText",
+                "dontLazyload": true,
+                "genreImage": {
+                    "@->jsoninclude": "teaser/teaser_images.inc.json",
+                    "@->contentpath": "teaser_podcast",
+                    "@->replaceToken": [
+                        {
+                            "@->token": "image",
+                            "@->value": "aufmacher-im-haifischbecken-100"
+                        }
+                    ]
+                },
+                "remainingPlaylistItems": true,
+                "allEpisodeUrl": {"url":"#","isTargetBlank": false},
+                "playlistItems": [
+                    {
+                        "@->jsoninclude": "teaser/teasers.inc.json",
+                        "@->contentpath": "teaser_podcast_episode.logicItem.includeModel",
+                        "@->overrides": [
+                            {
+                                "@->contentpath": "duration",
+                                "@->value": "53:13"
+                            },
+                            {
+                                "@->contentpath": "title",
+                                "@->value": "Ein Podcast-Title"
+                            }
+                        ]
+                    },
+                    {
+                        "@->jsoninclude": "teaser/teasers.inc.json",
+                        "@->contentpath": "teaser_podcast_episode.logicItem.includeModel",
+                        "@->overrides": [
+                            {
+                                "@->contentpath": "duration",
+                                "@->value": "13:11"
+                            },
+                            {
+                                "@->contentpath": "title",
+                                "@->value": "Ein anderer Podcast-Title"
+                            },
+                            {
+                                "@->contentpath": "airdateDate.date",
+                                "@->value": "24.12.20"
+                            },
+                            {
+                                "@->contentpath": "audioUrl",
+                                "@->value": "https://mp3podcasthr-a.akamaihd.net/mp3/podcast/der_tag_in_hessen/der_tag_in_hessen_20221021_96203008.mp3"
+                            }
+                        ]
+                    },
+                    {
+                        "@->jsoninclude": "teaser/teasers.inc.json",
+                        "@->contentpath": "teaser_podcast_episode.logicItem.includeModel",
+                        "@->overrides": [
+                            {
+                                "@->contentpath": "duration",
+                                "@->value": "70:26"
+                            },
+                            {
+                                "@->contentpath": "title",
+                                "@->value": "Verurteilt! (73) - Der Todes-Drift"
+                            },
+                            {
+                                "@->contentpath": "airdateDate.date",
+                                "@->value": "07.09.22"
+                            },
+                            {
+                                "@->contentpath": "audioUrl",
+                                "@->value": "https://mp3podcasthr-a.akamaihd.net/mp3/podcast/verurteilt/verurteilt_20220907_95686133.mp3"
+                            }
+                        ]
+                    }
+                ],
+                "label": {
+                    "type": "podcast",
+                    "loca": "label_podcast",
+                    "byline": {
+                        "bylineSsi": "07:42 min",
+                        "bylineText": ""
+                    }
+                },
+                "hideShortText": false,
+                "shorttext": "Der Podcast für alle, die sich täglich in sozialen Netzwerken bewegen. Wir geben euch einen Einblick, was hinter den Kulissen einer Social-Media-Redaktion passiert, diskutieren Trends, Shitstorms und warum gewisse Posts funktionieren - und andere nicht.",
+                "teaseritem": {
+                    "@->jsoninclude": "teaser/teaser_images.inc.json",
+                    "@->contentpath": "teaser_podcast",
+                    "@->replaceToken": [
+                        {
+                            "@->token": "image",
+                            "@->value": "aufmacher-im-haifischbecken-100"
+                        }
+                    ]
+                },
+
+                "podcastHoster": [
+                    {
+                        "podcastHosterUrl": "https://itunes.apple.com/de/podcast/hr-info-der-tag-in-hessen/id273944140?mt=2",
+                        "podcastHosterName": "ITunes Podcast"
+                    },
+                    {
+                        "podcastHosterUrl": "https://podcast.hr.de/der_tag_in_hessen/podcast.xml",
+                        "podcastHosterName": "RSS-Feed"
+                    },
+                    {
+                        "podcastHosterUrl": "https://podcasts.google.com/feed/aHR0cHM6Ly9wb2RjYXN0LmhyLmRlL2Rlcl90YWdfaW5faGVzc2VuL3BvZGNhc3QueG1s?hl=de",
+                        "podcastHosterName": "Google Podcasts"
+                    },
+                    {
+                        "podcastHosterUrl": "https://www.ardaudiothek.de/sendung/der-tag-ein-thema-viele-perspektiven/470522/",
+                        "podcastHosterName": "ARDAudiothekSuperlong"
+                    }
+                ],
+                
+                "audioUrl": "https://mp3podcasthr-a.akamaihd.net/mp3/podcast/hr2_audio/hr2_audio_20220914_95730396.mp3",
+                "podcastDownloadUrl": "https://mp3podcasthr-a.akamaihd.net/mp3/podcast/derTag/derTag_20190320_81142988.mp3",
+                "link": {
+                    "url": "/teaser1",
+                    "webviewUrl": "/teaser1#webview",
+                    "isTargetBlank": false,
+                    "hasIcon": false,
+                    "iconName": "iconName",
+                    "readMoreText": {
+                        "readMoreScreenreader": "Zum Artikel",
+                        "readMore": "mehr",
+                        "readMoreLong": "read More Long"
+                    }
+                }
+            }
+        }
+    }
+}

package/src/assets/icons/icons/svgmap/pause.svg

@@ -4,9 +4,9 @@
 <svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 width="44px" height="44px" viewBox="0 0 44 44" enable-background="new 0 0 44 44" xml:space="preserve">
 <g id="pause">
-	<path fill="#FFFFFF" d="M30.375,34.083c0,0.552-0.527,1-1.176,1h-2.647c-0.65,0-1.176-0.448-1.176-1v-24c0-0.552,0.527-1,1.176-1
+	<path fill="currentColor" d="M30.375,34.083c0,0.552-0.527,1-1.176,1h-2.647c-0.65,0-1.176-0.448-1.176-1v-24c0-0.552,0.527-1,1.176-1
 		h2.647c0.65,0,1.176,0.448,1.176,1V34.083z"/>
-	<path fill="#FFFFFF" d="M18.608,34.033c0,0.552-0.527,1-1.176,1h-2.647c-0.65,0-1.176-0.448-1.176-1v-24c0-0.552,0.527-1,1.176-1
+	<path fill="currentColor" d="M18.608,34.033c0,0.552-0.527,1-1.176,1h-2.647c-0.65,0-1.176-0.448-1.176-1v-24c0-0.552,0.527-1,1.176-1
 		h2.647c0.65,0,1.176,0.448,1.176,1V34.033z"/>
 </g>
 </svg>

package/src/assets/icons/icons/svgmap/play-wide.svg

@@ -5,6 +5,6 @@
 <style type="text/css">
 	.st0{fill:#1D1D1B;}
 </style>
-<path id="Pfad_783-2" class="st0" d="M33.4,22.7L19.6,15c-0.5-0.3-1.2-0.1-1.4,0.4c-0.1,0.2-0.1,0.3-0.1,0.5v15.6
+<path id="Pfad_783-2" class="currentColor" d="M33.4,22.7L19.6,15c-0.5-0.3-1.2-0.1-1.4,0.4c-0.1,0.2-0.1,0.3-0.1,0.5v15.6
 	c0,0.6,0.5,1.1,1.1,1.1c0.2,0,0.4,0,0.5-0.1l13.8-8c0.5-0.3,0.7-0.9,0.4-1.4C33.7,22.9,33.6,22.7,33.4,22.7"/>
 </svg>