hr-design-system-handlebars 1.45.0 → 1.46.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v1.46.0 (Thu Oct 26 2023)
+
+#### 🚀 Enhancement
+
+- introduce backlink.hbs [#740](https://github.com/mumprod/hr-design-system-handlebars/pull/740) ([@StefanVesper](https://github.com/StefanVesper))
+
+#### Authors: 1
+
+- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
+
+---
+
 # v1.45.0 (Thu Oct 26 2023)
 
 #### 🚀 Enhancement

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

@@ -8,6 +8,7 @@
     "appendix_title": "Zusatzinformationen",
     "appendix_links_title": "Weitere Hinweise",
     "archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
+    "backlink_title": "Zurück zum Artikel",
     "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 ",

package/dist/assets/index.css

@@ -3044,7 +3044,7 @@ video {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1698329881755;
+  counter-reset: cnt1698331384252;
 }
 .hyphens-auto {
   -webkit-hyphens: auto;
@@ -3307,7 +3307,7 @@ video {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1698329881755 1;
+  counter-increment: cnt1698331384252 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3323,7 +3323,7 @@ video {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1698329881755);
+  content: counter(cnt1698331384252);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */

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

@@ -18,9 +18,9 @@
                aria-label='{{loca "appendix_title"}}'>
             <div class="c-appendix flex flex-col first:border-t last:border-b py-6 gap-y-6 border-dotted border-[#797979] ">
                 {{#unless _webview}}
-                {{!--  {{~#with this.backLinkUrl ~}}
-                        {{~> components/base/link/backlink _addClass="appendix__backlink" ~}}
-                    {{~/with~}}--}}
+                    {{~#with this.backLinkUrl ~}}
+                        {{~> components/base/backlink ~}}
+                    {{~/with~}}
 
                     {{~#with this.geotag ~}}
                         {{~> components/geoTag/geoTag_list ~}}

package/dist/views/components/base/backlink.hbs

@@ -0,0 +1,4 @@
+<a href="{{this}}" class="flex flex-nowrap items-center text-sm gap-x-2 text-primary {{~#with _addClass }} {{this}}{{/with}}">
+    {{~> components/base/image/icon _icon="arrow-left" _addClass="w-5 h-5 fill-current" ~}}
+    {{~loca "backlink_title" ~}}
+</a>

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

@@ -18,9 +18,9 @@
                aria-label='{{loca "appendix_title"}}'>
             <div class="c-appendix flex flex-col first:border-t last:border-b py-6 gap-y-6 border-dotted border-[#797979] ">
                 {{#unless _webview}}
-                {{!--  {{~#with this.backLinkUrl ~}}
-                        {{~> components/base/link/backlink _addClass="appendix__backlink" ~}}
-                    {{~/with~}}--}}
+                    {{~#with this.backLinkUrl ~}}
+                        {{~> components/base/backlink ~}}
+                    {{~/with~}}
 
                     {{~#with this.geotag ~}}
                         {{~> components/geoTag/geoTag_list ~}}

package/dist/views_static/components/base/backlink.hbs

@@ -0,0 +1,4 @@
+<a href="{{this}}" class="flex flex-nowrap items-center text-sm gap-x-2 text-primary {{~#with _addClass }} {{this}}{{/with}}">
+    {{~> components/base/image/icon _icon="arrow-left" _addClass="w-5 h-5 fill-current" ~}}
+    {{~loca "backlink_title" ~}}
+</a>

package/package.json

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

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

@@ -8,6 +8,7 @@
     "appendix_title": "Zusatzinformationen",
     "appendix_links_title": "Weitere Hinweise",
     "archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
+    "backlink_title": "Zurück zum Artikel",
     "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 ",

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

@@ -8,6 +8,7 @@
 	"appendix_title": "Zusatzinformationen",
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
+	"backlink_title": "Zurück zum Artikel",
 	"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 ",

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

@@ -8,6 +8,7 @@
 	"appendix_title": "Zusatzinformationen",
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
+	"backlink_title": "Zurück zum Artikel",
 	"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 ",

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

@@ -8,6 +8,7 @@
 	"appendix_title": "Zusatzinformationen",
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
+	"backlink_title": "Zurück zum Artikel",
 	"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 ",

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

@@ -8,6 +8,7 @@
 	"appendix_title": "Zusatzinformationen",
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
+	"backlink_title": "Zurück zum Artikel",
 	"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 ",

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

@@ -8,6 +8,7 @@
 	"appendix_title": "Zusatzinformationen",
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
+	"backlink_title": "Zurück zum Artikel",
 	"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 ",

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

@@ -8,6 +8,7 @@
 	"appendix_title": "Zusatzinformationen",
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
+	"backlink_title": "Zurück zum Artikel",
 	"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 ",

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

@@ -8,6 +8,7 @@
 	"appendix_title": "Zusatzinformationen",
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
+	"backlink_title": "Zurück zum Artikel",
 	"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 ",

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

@@ -8,6 +8,7 @@
 	"appendix_title": "Zusatzinformationen",
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
+	"backlink_title": "Zurück zum Artikel",
 	"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 ",

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

@@ -8,6 +8,7 @@
 	"appendix_title": "Zusatzinformationen",
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
+	"backlink_title": "Zurück zum Artikel",
 	"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 ",

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

@@ -8,6 +8,7 @@
 	"appendix_title": "Zusatzinformationen",
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
+	"backlink_title": "Zurück zum Artikel",
 	"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 ",

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

@@ -8,6 +8,7 @@
 	"appendix_title": "Zusatzinformationen",
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
+	"backlink_title": "Zurück zum Artikel",
 	"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 ",

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

@@ -8,6 +8,7 @@
 	"appendix_title": "Zusatzinformationen",
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
+	"backlink_title": "Zurück zum Artikel",
 	"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 ",

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

@@ -8,6 +8,7 @@
 	"appendix_title": "Zusatzinformationen",
 	"appendix_links_title": "Weitere Hinweise",
 	"archive_content": "Dieser Inhalt ist zeitlich unbegrenzt verfügbar.",
+	"backlink_title": "Zurück zum Artikel",
 	"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 ",

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

@@ -14,6 +14,7 @@
             "isMobile1to1": false,
             "hasDwellTime": true,
             "isSingleChannel": false,
+            "backLinkUrl": "#",
             "topictags": {
                 "topic1": {
                     "url":"#",

package/src/stories/views/components/article/components/podcast/fixtures/podcast_player_episode.json

@@ -1 +1 @@
-{"isSsi":true,"logicItem":{"includePath":"components/article/components/podcast/podcast_player_episode","includeModel":{"byline":"Byline","title":"Legal Kiffen: Cannabis-Gesetz sorgt für Kritik","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"standard","teaserSize":"100","realTeaserSize":"100","isMobile1to1":false,"hasDwellTime":true,"isSingleChannel":false,"topictags":{"topic1":{"url":"#","title":"topictag1"},"topic2":{"url":"#","title":"topictag2"},"topic3":{"url":"#","title":"topictagmitlangemnamen"},"topic4":{"url":"#","title":"topic tag schnack"},"topic5":{"url":"#","title":"topictag2Taggigtop"}},"geotag":{"GeoTag1":{"url":"#","title":"geotag1"},"GeoTag2":{"url":"#","title":"geotag mit langem namen"},"GeoTag3":{"url":"#","title":"Far out"},"GeoTag4":{"url":"#","title":"Stuttgart"},"GeoTag5":{"url":"#","title":"FFM"}},"socialSharing":{"twitterLink":"#","whatsappLink":"#","facebookLink":"#","mailtoLink":"#"},"airdateDate":{"htmlDateTime":"2022-10-31T19:30+0200","htmlDate":"31.10.2022","date":"31.10.22","time":"19:30","dateSeparatorTime":"31.10.22, 19:30"},"teaseritem":{"copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/heiner-goebbels-102_v-1to1__medium.jpg","sources":[{"sizes":"300px","srcset":"images/heiner-goebbels-102_v-1to1__small.jpg 380w, images/heiner-goebbels-102_v-1to1__medium.jpg 480w, images/heiner-goebbels-102_v-1to1.jpg 720w, images/heiner-goebbels-102_v-1to1__large.jpg 960w"}]}},"duration":"14:35","hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"podcastChannel":{"title":"hr2 Doppelkopf","url":"#ChannelURL","podcastHoster":[{"podcastHosterUrl":"https://podcasts.apple.com/podcast/hr2-doppelkopf/id212822590","podcastHosterName":"ITunes"},{"podcastHosterUrl":"https://podcast.hr.de/hr2_doppelkopf/podcast.xml","podcastHosterName":"RSS"},{"podcastHosterUrl":"https://podcasts.google.com/feed/aHR0cHM6Ly9wb2RjYXN0LmhyLmRlL2hyMl9kb3BwZWxrb3BmL3BvZGNhc3QueG1s?hl=de","podcastHosterName":"Google Podcasts"},{"podcastHosterUrl":"https://www.ardaudiothek.de/episode/hr2-doppelkopf/ich-hoere-bei-jedem-geraeusch-gleich-die-tonhoehe-oder-komponist-und-theatermacher-heiner-goebbels-erneuert-das-musiktheater/hr2-kultur/12056783/","podcastHosterName":"ARD Audiothek"}]},"audioUrl":"https://mp3podcasthr-a.akamaihd.net/mp3/podcast/der_tag_in_hessen/der_tag_in_hessen_20230816_98732247.mp3","podcastDownloadUrl":"https://mp3podcasthr-a.akamaihd.net/mp3/podcast/der_tag_in_hessen/der_tag_in_hessen_20230816_98732247.mp3","teaserImage":{"copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/heiner-goebbels-102_v-1to1__medium.jpg","sources":[{"sizes":"300px","srcset":"images/heiner-goebbels-102_v-1to1__small.jpg 380w, images/heiner-goebbels-102_v-1to1__medium.jpg 480w, images/heiner-goebbels-102_v-1to1.jpg 720w, images/heiner-goebbels-102_v-1to1__large.jpg 960w"}]}},"mediaMetadata":{"agf":{"title":"hr-fernsehen_Hessischer Rundfunk_Ein aufgewecktes Kerlchen_06.10.2022 04:40","livestream":"no","type":"content","airdate":"06.10.2022 04:40","program":"hr-fernsehen","nol_c18":"p18,N","uurl":"/mp3/podcast/hr4_polizeireport/hr4_polizeireport_20221006_95936793.mp3","nol_c7":"p7,/mp3/podcast/hr4_polizeireport/hr4_polizeireport_20221006_95936793.mp3","nol_c8":"p8,131","nol_c9":"p9,Hessischer Rundfunk_Ein aufgewecktes Kerlchen_06.10.2022 04:40","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","assetid":"hr4_polizeireport_95936793","nol_c2":"p2,N","nol_c5":"p5,hr4","length":"131","nol_c20":"p20,GFKLinkID"},"ati":{"pageName":"Ein aufgewecktes Kerlchen","secondLevelId":"2","documentName":"podcast-episode-108850","documentType":"hr-nt:podcastEpisode","documentDate":"2022-10-06T06:46:25+02:00","chapter":"podcast::polizeireport","mediaLabel":"Ein aufgewecktes Kerlchen","mediaTheme1":"hr4","mediaTheme2":"podcast::polizeireport","atiSiteId":"578129","atiTrackingHost":"https://logs1407"},"piano":{"av_content_id":"podcast-episode-108850","av_content":"Ein aufgewecktes Kerlchen","av_content_type":"Audio","av_content_duration":131000,"av_broadcasting_type":"OnDemand","av_content_level1":"hr4","av_content_level2":"podcast","av_content_level3":"polizeireport","hr_document_type":"hr-nt:podcastEpisode","site_level2_id":"2"}},"documentSection":"Kultur","displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":false,"isHeroTeaser":false,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":true,"isVideo":false,"isPodcastEpisode":true,"isExtOrBrandLink":false,"isAuthor":true,"copyright":"Copyright Text","audioAuthor":"Anna Magel","hasStatus":false,"hasTeaserItem":false,"allowAVConsumption":true,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":true,"showProfileInfoAsByline":true,"obsolet_brandOfTeaser":"hessenschau","headlineTag":"h2","icon":"ortsmarke","imageVariant":"topteaser","hideShortText":false,"shorttext":"Cannabis soll legal werden - dafür hat die Bundesregierung jetzt einen Gesetzentwurf auf den Weg gebracht. Doch in Hessen sind nicht alle dafür. Und: Tierischer Nachwuchs im Frankfurter Zoo.","hideBylineAndShorttext":false,"sophoraId":"podcast-episode-122848","profiles":"Von Alf Haubitz und Alice Merton","teaserLead":{"isPodcast":true,"toModel":{"audioElement":{"isPodcast":true,"ardPlayerConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"http://localhost:8080/site/hessenschau/assets_2.85.0/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"site":"551103","config":{"getCollectDomainSSL":"logs1406.xiti.com","secure":true},"page":{"name":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audio:audioPlay","level2":"4","chapter1":"Audio-Start","chapter2":"OnDemand","customVars":{"site":{"1":"podcast-episode-43976","2":"hr-nt:podcastEpisode","5":"202203230802"}}},"richMedia":{"mediaType":"audio","playerId":"4076","mediaLevel2":"4","mediaLabel":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audioPlay","mediaTheme1":"OnDemand","duration":"3040","broadcastMode":"clip"}}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://mp3podcasthr-a.akamaihd.net/mp3/podcast/derTag/derTag_20190320_81142988.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":3040,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Muslim Fashion. Mehr als ein Kopftuch.","synopsis":"Wo immer die Ausstellung \"Contemporary Muslim Fashion“ ins Museum kommt,  entfacht sie heftige Diskussionen. Nachdem die Schau in San Francisco für Furore sorgte, wird sie demnächst im Frankfurter Museum für Angewandte Kunst als erste Station in Europa gezeigt. Die \"Modest Fashion“, die dezente Mode, so das Schlagwort für die verhüllende, aber keineswegs unsichtbar machende Mode, spaltet das feministische Lager: Ist sie eine Momentaufnahme aktueller muslimischer Kleidungsstile aus aller Welt oder Werbung für die weibliche Verschleierung? In jedem Fall zeigt die Ausstellung, dass die Verhüllung des weiblichen Körpers und der Frisur nicht nur trist, sondern auch schön sein kann - und für manche Trägerinnen befreiend. Und sie ist durchaus politisch, diskutiert gesetzliche Kleiderordnungen und die Frage politischer Symbolik. Inzwischen wollen auch westliche Firmen von der Vielfalt muslimischer Mode profitieren. Sie haben die Konsumentinnen im Nahen Osten und Südostasien als kaufkräftige Klientel entdeckt. Dort ist ein riesiger Markt zu erschließen. Nicht selten wagen sie sich damit an die Grenzen religiöser und gesellschaftlicher Akzeptanz. Kann Mode solche Grenzen überwinden? "},"pluginData":{},"geoBlocked":false},"playerId":"4076","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"teaserSize":"50","realTeaserSize":"50"},"ardPlayerJsonConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"http://localhost:8080/site/hessenschau/assets_2.85.0/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"site":"551103","config":{"getCollectDomainSSL":"logs1406.xiti.com","secure":true},"page":{"name":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audio:audioPlay","level2":"4","chapter1":"Audio-Start","chapter2":"OnDemand","customVars":{"site":{"1":"podcast-episode-43976","2":"hr-nt:podcastEpisode","5":"202203230802"}}},"richMedia":{"mediaType":"audio","playerId":"4076","mediaLevel2":"4","mediaLabel":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audioPlay","mediaTheme1":"OnDemand","duration":"3040","broadcastMode":"clip"}}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://mp3podcasthr-a.akamaihd.net/mp3/podcast/derTag/derTag_20190320_81142988.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":3040,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Muslim Fashion. Mehr als ein Kopftuch.","synopsis":"Wo immer die Ausstellung \"Contemporary Muslim Fashion“ ins Museum kommt,  entfacht sie heftige Diskussionen. Nachdem die Schau in San Francisco für Furore sorgte, wird sie demnächst im Frankfurter Museum für Angewandte Kunst als erste Station in Europa gezeigt. Die \"Modest Fashion“, die dezente Mode, so das Schlagwort für die verhüllende, aber keineswegs unsichtbar machende Mode, spaltet das feministische Lager: Ist sie eine Momentaufnahme aktueller muslimischer Kleidungsstile aus aller Welt oder Werbung für die weibliche Verschleierung? In jedem Fall zeigt die Ausstellung, dass die Verhüllung des weiblichen Körpers und der Frisur nicht nur trist, sondern auch schön sein kann - und für manche Trägerinnen befreiend. Und sie ist durchaus politisch, diskutiert gesetzliche Kleiderordnungen und die Frage politischer Symbolik. Inzwischen wollen auch westliche Firmen von der Vielfalt muslimischer Mode profitieren. Sie haben die Konsumentinnen im Nahen Osten und Südostasien als kaufkräftige Klientel entdeckt. Dort ist ein riesiger Markt zu erschließen. Nicht selten wagen sie sich damit an die Grenzen religiöser und gesellschaftlicher Akzeptanz. Kann Mode solche Grenzen überwinden? "},"pluginData":{},"geoBlocked":false},"playerId":"4076","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"teaserSize":"50","realTeaserSize":"50"}}}},"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"podcast","loca":"label_podcast","byline":{"bylineSsi":"53:13 min","bylineText":""}}}}}
+{"isSsi":true,"logicItem":{"includePath":"components/article/components/podcast/podcast_player_episode","includeModel":{"byline":"Byline","title":"Legal Kiffen: Cannabis-Gesetz sorgt für Kritik","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"standard","teaserSize":"100","realTeaserSize":"100","isMobile1to1":false,"hasDwellTime":true,"isSingleChannel":false,"backLinkUrl":"#","topictags":{"topic1":{"url":"#","title":"topictag1"},"topic2":{"url":"#","title":"topictag2"},"topic3":{"url":"#","title":"topictagmitlangemnamen"},"topic4":{"url":"#","title":"topic tag schnack"},"topic5":{"url":"#","title":"topictag2Taggigtop"}},"geotag":{"GeoTag1":{"url":"#","title":"geotag1"},"GeoTag2":{"url":"#","title":"geotag mit langem namen"},"GeoTag3":{"url":"#","title":"Far out"},"GeoTag4":{"url":"#","title":"Stuttgart"},"GeoTag5":{"url":"#","title":"FFM"}},"socialSharing":{"twitterLink":"#","whatsappLink":"#","facebookLink":"#","mailtoLink":"#"},"airdateDate":{"htmlDateTime":"2022-10-31T19:30+0200","htmlDate":"31.10.2022","date":"31.10.22","time":"19:30","dateSeparatorTime":"31.10.22, 19:30"},"teaseritem":{"copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/heiner-goebbels-102_v-1to1__medium.jpg","sources":[{"sizes":"300px","srcset":"images/heiner-goebbels-102_v-1to1__small.jpg 380w, images/heiner-goebbels-102_v-1to1__medium.jpg 480w, images/heiner-goebbels-102_v-1to1.jpg 720w, images/heiner-goebbels-102_v-1to1__large.jpg 960w"}]}},"duration":"14:35","hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"podcastChannel":{"title":"hr2 Doppelkopf","url":"#ChannelURL","podcastHoster":[{"podcastHosterUrl":"https://podcasts.apple.com/podcast/hr2-doppelkopf/id212822590","podcastHosterName":"ITunes"},{"podcastHosterUrl":"https://podcast.hr.de/hr2_doppelkopf/podcast.xml","podcastHosterName":"RSS"},{"podcastHosterUrl":"https://podcasts.google.com/feed/aHR0cHM6Ly9wb2RjYXN0LmhyLmRlL2hyMl9kb3BwZWxrb3BmL3BvZGNhc3QueG1s?hl=de","podcastHosterName":"Google Podcasts"},{"podcastHosterUrl":"https://www.ardaudiothek.de/episode/hr2-doppelkopf/ich-hoere-bei-jedem-geraeusch-gleich-die-tonhoehe-oder-komponist-und-theatermacher-heiner-goebbels-erneuert-das-musiktheater/hr2-kultur/12056783/","podcastHosterName":"ARD Audiothek"}]},"audioUrl":"https://mp3podcasthr-a.akamaihd.net/mp3/podcast/der_tag_in_hessen/der_tag_in_hessen_20230816_98732247.mp3","podcastDownloadUrl":"https://mp3podcasthr-a.akamaihd.net/mp3/podcast/der_tag_in_hessen/der_tag_in_hessen_20230816_98732247.mp3","teaserImage":{"copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/heiner-goebbels-102_v-1to1__medium.jpg","sources":[{"sizes":"300px","srcset":"images/heiner-goebbels-102_v-1to1__small.jpg 380w, images/heiner-goebbels-102_v-1to1__medium.jpg 480w, images/heiner-goebbels-102_v-1to1.jpg 720w, images/heiner-goebbels-102_v-1to1__large.jpg 960w"}]}},"mediaMetadata":{"agf":{"title":"hr-fernsehen_Hessischer Rundfunk_Ein aufgewecktes Kerlchen_06.10.2022 04:40","livestream":"no","type":"content","airdate":"06.10.2022 04:40","program":"hr-fernsehen","nol_c18":"p18,N","uurl":"/mp3/podcast/hr4_polizeireport/hr4_polizeireport_20221006_95936793.mp3","nol_c7":"p7,/mp3/podcast/hr4_polizeireport/hr4_polizeireport_20221006_95936793.mp3","nol_c8":"p8,131","nol_c9":"p9,Hessischer Rundfunk_Ein aufgewecktes Kerlchen_06.10.2022 04:40","nol_c10":"p10,hr-fernsehen","nol_c12":"p12,Content","assetid":"hr4_polizeireport_95936793","nol_c2":"p2,N","nol_c5":"p5,hr4","length":"131","nol_c20":"p20,GFKLinkID"},"ati":{"pageName":"Ein aufgewecktes Kerlchen","secondLevelId":"2","documentName":"podcast-episode-108850","documentType":"hr-nt:podcastEpisode","documentDate":"2022-10-06T06:46:25+02:00","chapter":"podcast::polizeireport","mediaLabel":"Ein aufgewecktes Kerlchen","mediaTheme1":"hr4","mediaTheme2":"podcast::polizeireport","atiSiteId":"578129","atiTrackingHost":"https://logs1407"},"piano":{"av_content_id":"podcast-episode-108850","av_content":"Ein aufgewecktes Kerlchen","av_content_type":"Audio","av_content_duration":131000,"av_broadcasting_type":"OnDemand","av_content_level1":"hr4","av_content_level2":"podcast","av_content_level3":"polizeireport","hr_document_type":"hr-nt:podcastEpisode","site_level2_id":"2"}},"documentSection":"Kultur","displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":false,"isHeroTeaser":false,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":true,"isVideo":false,"isPodcastEpisode":true,"isExtOrBrandLink":false,"isAuthor":true,"copyright":"Copyright Text","audioAuthor":"Anna Magel","hasStatus":false,"hasTeaserItem":false,"allowAVConsumption":true,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":true,"showProfileInfoAsByline":true,"obsolet_brandOfTeaser":"hessenschau","headlineTag":"h2","icon":"ortsmarke","imageVariant":"topteaser","hideShortText":false,"shorttext":"Cannabis soll legal werden - dafür hat die Bundesregierung jetzt einen Gesetzentwurf auf den Weg gebracht. Doch in Hessen sind nicht alle dafür. Und: Tierischer Nachwuchs im Frankfurter Zoo.","hideBylineAndShorttext":false,"sophoraId":"podcast-episode-122848","profiles":"Von Alf Haubitz und Alice Merton","teaserLead":{"isPodcast":true,"toModel":{"audioElement":{"isPodcast":true,"ardPlayerConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"http://localhost:8080/site/hessenschau/assets_2.85.0/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"site":"551103","config":{"getCollectDomainSSL":"logs1406.xiti.com","secure":true},"page":{"name":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audio:audioPlay","level2":"4","chapter1":"Audio-Start","chapter2":"OnDemand","customVars":{"site":{"1":"podcast-episode-43976","2":"hr-nt:podcastEpisode","5":"202203230802"}}},"richMedia":{"mediaType":"audio","playerId":"4076","mediaLevel2":"4","mediaLabel":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audioPlay","mediaTheme1":"OnDemand","duration":"3040","broadcastMode":"clip"}}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://mp3podcasthr-a.akamaihd.net/mp3/podcast/derTag/derTag_20190320_81142988.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":3040,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Muslim Fashion. Mehr als ein Kopftuch.","synopsis":"Wo immer die Ausstellung \"Contemporary Muslim Fashion“ ins Museum kommt,  entfacht sie heftige Diskussionen. Nachdem die Schau in San Francisco für Furore sorgte, wird sie demnächst im Frankfurter Museum für Angewandte Kunst als erste Station in Europa gezeigt. Die \"Modest Fashion“, die dezente Mode, so das Schlagwort für die verhüllende, aber keineswegs unsichtbar machende Mode, spaltet das feministische Lager: Ist sie eine Momentaufnahme aktueller muslimischer Kleidungsstile aus aller Welt oder Werbung für die weibliche Verschleierung? In jedem Fall zeigt die Ausstellung, dass die Verhüllung des weiblichen Körpers und der Frisur nicht nur trist, sondern auch schön sein kann - und für manche Trägerinnen befreiend. Und sie ist durchaus politisch, diskutiert gesetzliche Kleiderordnungen und die Frage politischer Symbolik. Inzwischen wollen auch westliche Firmen von der Vielfalt muslimischer Mode profitieren. Sie haben die Konsumentinnen im Nahen Osten und Südostasien als kaufkräftige Klientel entdeckt. Dort ist ein riesiger Markt zu erschließen. Nicht selten wagen sie sich damit an die Grenzen religiöser und gesellschaftlicher Akzeptanz. Kann Mode solche Grenzen überwinden? "},"pluginData":{},"geoBlocked":false},"playerId":"4076","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"teaserSize":"50","realTeaserSize":"50"},"ardPlayerJsonConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"http://localhost:8080/site/hessenschau/assets_2.85.0/vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"site":"551103","config":{"getCollectDomainSSL":"logs1406.xiti.com","secure":true},"page":{"name":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audio:audioPlay","level2":"4","chapter1":"Audio-Start","chapter2":"OnDemand","customVars":{"site":{"1":"podcast-episode-43976","2":"hr-nt:podcastEpisode","5":"202203230802"}}},"richMedia":{"mediaType":"audio","playerId":"4076","mediaLevel2":"4","mediaLabel":"muslim_fashion__mehr_als_ein_kopftuch__podcast:audioPlay","mediaTheme1":"OnDemand","duration":"3040","broadcastMode":"clip"}}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://mp3podcasthr-a.akamaihd.net/mp3/podcast/derTag/derTag_20190320_81142988.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":3040,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Muslim Fashion. Mehr als ein Kopftuch.","synopsis":"Wo immer die Ausstellung \"Contemporary Muslim Fashion“ ins Museum kommt,  entfacht sie heftige Diskussionen. Nachdem die Schau in San Francisco für Furore sorgte, wird sie demnächst im Frankfurter Museum für Angewandte Kunst als erste Station in Europa gezeigt. Die \"Modest Fashion“, die dezente Mode, so das Schlagwort für die verhüllende, aber keineswegs unsichtbar machende Mode, spaltet das feministische Lager: Ist sie eine Momentaufnahme aktueller muslimischer Kleidungsstile aus aller Welt oder Werbung für die weibliche Verschleierung? In jedem Fall zeigt die Ausstellung, dass die Verhüllung des weiblichen Körpers und der Frisur nicht nur trist, sondern auch schön sein kann - und für manche Trägerinnen befreiend. Und sie ist durchaus politisch, diskutiert gesetzliche Kleiderordnungen und die Frage politischer Symbolik. Inzwischen wollen auch westliche Firmen von der Vielfalt muslimischer Mode profitieren. Sie haben die Konsumentinnen im Nahen Osten und Südostasien als kaufkräftige Klientel entdeckt. Dort ist ein riesiger Markt zu erschließen. Nicht selten wagen sie sich damit an die Grenzen religiöser und gesellschaftlicher Akzeptanz. Kann Mode solche Grenzen überwinden? "},"pluginData":{},"geoBlocked":false},"playerId":"4076","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.79310671.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.3.11.c442fe17.js","isAutoplay":true,"teaserSize":"50","realTeaserSize":"50"}}}},"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"podcast","loca":"label_podcast","byline":{"bylineSsi":"53:13 min","bylineText":""}}}}}

package/src/stories/views/components/article/components/podcast/podcast_episode_article.hbs

@@ -18,9 +18,9 @@
                aria-label='{{loca "appendix_title"}}'>
             <div class="c-appendix flex flex-col first:border-t last:border-b py-6 gap-y-6 border-dotted border-[#797979] ">
                 {{#unless _webview}}
-                {{!--  {{~#with this.backLinkUrl ~}}
-                        {{~> components/base/link/backlink _addClass="appendix__backlink" ~}}
-                    {{~/with~}}--}}
+                    {{~#with this.backLinkUrl ~}}
+                        {{~> components/base/backlink ~}}
+                    {{~/with~}}
 
                     {{~#with this.geotag ~}}
                         {{~> components/geoTag/geoTag_list ~}}

package/src/stories/views/components/base/backlink.hbs

@@ -0,0 +1,4 @@
+<a href="{{this}}" class="flex flex-nowrap items-center text-sm gap-x-2 text-primary {{~#with _addClass }} {{this}}{{/with}}">
+    {{~> components/base/image/icon _icon="arrow-left" _addClass="w-5 h-5 fill-current" ~}}
+    {{~loca "backlink_title" ~}}
+</a>