hr-design-system-handlebars 1.15.0 → 1.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/dist/assets/index.css +3 -3
  3. package/dist/views/components/base/link.hbs +5 -10
  4. package/dist/views/components/button/link_button.hbs +2 -2
  5. package/dist/views/components/content_nav/content_nav_item.hbs +17 -21
  6. package/dist/views/components/event/calendar/event_calendar_event_teaser.hbs +4 -4
  7. package/dist/views/components/event/calendar/event_calendar_footer.hbs +2 -3
  8. package/dist/views/components/event/event_ticket_button.hbs +2 -2
  9. package/dist/views/components/site_header/navigation_flyout/navigation_flyout_item.hbs +9 -4
  10. package/dist/views/components/site_header/section_navigation/section_navigation_top_topics.hbs +2 -3
  11. package/dist/views/components/teaser/cluster/teaser_cluster.hbs +1 -1
  12. package/dist/views/components/teaser/cluster/teaser_cluster_item.hbs +7 -7
  13. package/dist/views/components/teaser/components/teaser_body.hbs +26 -19
  14. package/dist/views/components/teaser/components/teaser_comments.hbs +2 -2
  15. package/dist/views/components/teaser/components/teaser_image.hbs +1 -1
  16. package/dist/views/components/teaser/components/teaser_lead.hbs +1 -1
  17. package/dist/views/components/teaser/components/teaser_text.hbs +2 -2
  18. package/dist/views/components/teaser/components/teaser_ticker_body.hbs +3 -4
  19. package/dist/views/components/teaser/podcast/podcast_item_title.hbs +5 -7
  20. package/dist/views/components/teaser/podcast/podcast_player_ui.hbs +1 -2
  21. package/dist/views/components/teaser/podcast/podcast_playlist_player.hbs +3 -5
  22. package/dist/views/components/teaser/podcast/podcast_title.hbs +3 -3
  23. package/dist/views/components/teaser/stage/stage_text.hbs +2 -2
  24. package/dist/views/components/teaser/tabbox/group_tabbox.hbs +1 -1
  25. package/dist/views/components/teaser/teaser_poster.hbs +3 -3
  26. package/dist/views/components/teaser/ticker/teaser_ticker.hbs +1 -1
  27. package/dist/views/components/tracking/download_tracking.hbs +2 -0
  28. package/dist/views/components/tracking/navigation_tracking.hbs +4 -0
  29. package/package.json +1 -1
  30. package/src/assets/fixtures/teaser/teasers.inc.json +4 -0
  31. package/src/stories/views/components/base/link.hbs +5 -10
  32. package/src/stories/views/components/base/link.mdx +57 -0
  33. package/src/stories/views/components/base/link.stories.js +61 -0
  34. package/src/stories/views/components/button/button.mdx +2 -2
  35. package/src/stories/views/components/button/link_button.hbs +2 -2
  36. package/src/stories/views/components/button/link_button.stories.js +10 -0
  37. package/src/stories/views/components/content_nav/content_nav_item.hbs +17 -21
  38. package/src/stories/views/components/event/calendar/event_calendar_event_teaser.hbs +4 -4
  39. package/src/stories/views/components/event/calendar/event_calendar_footer.hbs +2 -3
  40. package/src/stories/views/components/event/event_ticket_button.hbs +2 -2
  41. package/src/stories/views/components/page/fixtures/page_pagination.json +1 -1
  42. package/src/stories/views/components/site_header/navigation_flyout/navigation_flyout_item.hbs +9 -4
  43. package/src/stories/views/components/site_header/section_navigation/section_navigation_top_topics.hbs +2 -3
  44. package/src/stories/views/components/teaser/cluster/teaser_cluster.hbs +1 -1
  45. package/src/stories/views/components/teaser/cluster/teaser_cluster_item.hbs +7 -7
  46. package/src/stories/views/components/teaser/components/teaser_body.hbs +26 -19
  47. package/src/stories/views/components/teaser/components/teaser_comments.hbs +2 -2
  48. package/src/stories/views/components/teaser/components/teaser_image.hbs +1 -1
  49. package/src/stories/views/components/teaser/components/teaser_lead.hbs +1 -1
  50. package/src/stories/views/components/teaser/components/teaser_text.hbs +2 -2
  51. package/src/stories/views/components/teaser/components/teaser_ticker_body.hbs +3 -4
  52. package/src/stories/views/components/teaser/fixtures/teaser_alternative_100_serif_download.json +1 -1
  53. package/src/stories/views/components/teaser/fixtures/teaser_alternative_50_serif_download.json +1 -1
  54. package/src/stories/views/components/teaser/fixtures/teaser_standard_100_serif_download.json +1 -1
  55. package/src/stories/views/components/teaser/fixtures/teaser_standard_50_serif_download.json +1 -1
  56. package/src/stories/views/components/teaser/podcast/podcast_item_title.hbs +5 -7
  57. package/src/stories/views/components/teaser/podcast/podcast_player_ui.hbs +1 -2
  58. package/src/stories/views/components/teaser/podcast/podcast_playlist_player.hbs +3 -5
  59. package/src/stories/views/components/teaser/podcast/podcast_title.hbs +3 -3
  60. package/src/stories/views/components/teaser/stage/stage_text.hbs +2 -2
  61. package/src/stories/views/components/teaser/tabbox/group_tabbox.hbs +1 -1
  62. package/src/stories/views/components/teaser/teaser_poster.hbs +3 -3
  63. package/src/stories/views/components/teaser/ticker/teaser_ticker.hbs +1 -1
  64. package/src/stories/views/components/tracking/download_tracking.hbs +2 -0
  65. package/src/stories/views/components/tracking/navigation_tracking.hbs +4 -0
  66. package/dist/views/components/base/link_open.hbs +0 -12
  67. package/dist/views/components/base/link_v2.hbs +0 -14
  68. package/src/stories/views/components/base/link_open.hbs +0 -12
  69. package/src/stories/views/components/base/link_v2.hbs +0 -14
@@ -1,12 +1,12 @@
1
- {{#decorator 'components/base/link' _css=(appendToDefault (if _firstItem "ds-teaser-focus") "block group") }}
2
- {{#with this.label}}
3
- {{#> components/label/label_group _css=(if ../_ordered "pl-8")}}
4
- {{> components/label/label _type=this.type _text=(loca this.loca) _css=""}}
1
+ {{#>components/base/link _link=this.link _css=(appendToDefault (if _firstItem "ds-teaser-focus") "block group") }}
2
+ {{#if this.label}}
3
+ {{#> components/label/label_group _css=(if _ordered-adjust_context "pl-8")}}
4
+ {{> components/label/label _type=this.label.type _text=(loca this.label.loca) _css=""}}
5
5
  {{> components/label/label_byline _css="ml-2"}}
6
6
  {{/components/label/label_group}}
7
- {{/with~}}
8
- {{#> components/teaser/components/teaser_headline _headlineTag="h3"}}
7
+ {{/if~}}
8
+ {{#> components/teaser/components/teaser_headline _css="" _headlineTag="h3"}}
9
9
  {{> components/teaser/components/teaser_title _css=(appendToDefault (if _ordered-adjust_context " pl-8") "group-hover:underline text-clusterTeaserLink") _text=this.title _size=_size-adjust_context _teaserType="cluster" _firstItem=_firstItem-adjust_context}}
10
10
  {{/components/teaser/components/teaser_headline}}
11
- {{/decorator}}
11
+ {{/components/base/link}}
12
12
  {{> components/teaser/cluster/teaser_cluster_byline _ordered=_ordered}}
@@ -2,25 +2,32 @@
2
2
  {{~#if this.isMobile1to1}}:class="{'basis-full w-full md:pr-0 pr-10':avStart,'basis-3/5 w-3/5':!avStart}"{{/if}}>
3
3
 
4
4
 
5
- {{#> components/teaser/components/teaser_header _css=(if this.isMobile1to1 "" "px-5 sm:px-0")}}
6
- {{#decorator 'components/base/link' _css="cy-teaser-link ds-teaser-focus hover:text-toplineColor" }}
7
- {{#with this.label}}
8
- {{#> components/label/label_group}}
9
- {{> components/label/label _type=this.type _text=(loca this.loca)}}
10
- {{> components/label/label_byline _css="ml-2"}}
11
- {{/components/label/label_group}}
12
- {{/with~}}
13
- {{#> components/teaser/components/teaser_headline _headlineTag=this.headlineTag _css="overflow-anywhere hyphens-auto"}}
14
- {{#if this.topline}}
15
- {{> components/teaser/components/teaser_topline _text=this.topline}}
16
- {{/if}}
17
- {{> components/teaser/components/teaser_title _text=this.title _size=this.realTeaserSize _teaserType=this.teaserType _isMobile1to1=this.isMobile1to1}}
18
- {{#if this.extendedTitle}}
19
- {{> components/teaser/components/teaser_subline _text=this.extendedTitle}}
20
- {{/if}}
21
- {{/components/teaser/components/teaser_headline}}
22
- {{/decorator}}
23
- {{/components/teaser/components/teaser_header}}
5
+ {{#with this}}
6
+ {{#> components/teaser/components/teaser_header _link=this.link _css=(if this.isMobile1to1 "" "px-5 sm:px-0")}}
7
+ {{#> components/base/link _css="cy-teaser-link ds-teaser-focus hover:text-toplineColor" }}
8
+ {{#with this.label}}
9
+ {{#> components/label/label_group}}
10
+ {{> components/label/label _type=this.type _css="" _text=(loca this.loca)}}
11
+ {{> components/label/label_byline _css="ml-2"}}
12
+ {{/components/label/label_group}}
13
+ {{/with~}}
14
+ {{#> components/teaser/components/teaser_headline _headlineTag=this.headlineTag _css="overflow-anywhere hyphens-auto"}}
15
+ {{#if this.topline}}
16
+ {{> components/teaser/components/teaser_topline _css="" _text=this.topline}}
17
+ {{/if}}
18
+ {{> components/teaser/components/teaser_title _css="" _text=this.title _size=this.realTeaserSize _teaserType=this.teaserType _isMobile1to1=this.isMobile1to1}}
19
+ {{#if this.extendedTitle}}
20
+ {{> components/teaser/components/teaser_subline _text=this.extendedTitle}}
21
+ {{/if}}
22
+ {{/components/teaser/components/teaser_headline}}
23
+ {{/components/base/link}}
24
+ {{/components/teaser/components/teaser_header}}
25
+ {{#*inline "htmlProperties"}}
26
+ {{#if this.isFileDownload}}
27
+ {{> components/tracking/download_tracking}}
28
+ {{/if}}
29
+ {{/inline}}
30
+ {{/with}}
24
31
 
25
32
  {{#unless this.hideBylineAndShorttext}}
26
33
  <div class="sm:px-0{{#unless this.isMobile1to1}} px-5{{/unless}}">
@@ -1,6 +1,6 @@
1
1
  {{#with this.commentLink}}
2
2
  <span class="relative whitespace-nowrap z-100">
3
- {{#decorator 'components/base/link' _css="hover:underline decoration-1" _isAriaHidden=true}}
3
+ {{#> components/base/link _link=this.link _css="hover:underline decoration-1" _isAriaHidden=true}}
4
4
  {{> components/base/image/icon _icon="kommentar" _iconmap="icons" _addClass="mr-0.5 inline w-5 h-5 text-toplineColor fill-current"}}
5
5
  <span class="sr-only">{{loca "comment_anchor_1"}}</span>
6
6
  <span class="text-toplineColor">{{../this.commentNumber}}</span>
@@ -10,6 +10,6 @@
10
10
  <span class="text-toplineColor">{{loca "comment_label_text_many"}}</span>
11
11
  {{/if}}
12
12
  <span class="sr-only">{{loca "comment_anchor_2"}}</span>
13
- {{/decorator}}
13
+ {{/components/base/link}}
14
14
  </span>
15
15
  {{/with}}
@@ -3,7 +3,7 @@
3
3
  {{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../_teaserSize _isMobile1to1=../_isMobile1to1 }}
4
4
  {{/with~}}
5
5
  {{/unless}}
6
- {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.imageVariant _noDelay=this.dontLazyload _addClassImg=(if this.isTicker 'rounded-tl-hr') ~}}
6
+ {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.imageVariant _noDelay=this.dontLazyload _addClassImg=_addClassImg ~}}
7
7
  {{#if this.isProgram}}
8
8
  {{#if this.showMediatheksLink}}
9
9
  {{#with this}}
@@ -1,5 +1,5 @@
1
1
  {{~#if this.allowAVConsumption ~}}
2
2
  {{> components/teaser/components/teaser_av_consumption _aspectRatio=_aspectRatio _isMobile1to1=_isMobile1to1 _teaserSize=_teaserSize _teaserType=_teaserType }}
3
3
  {{else}}
4
- {{> components/teaser/components/teaser_image _isMobile1to1=_isMobile1to1 _teaserSize=_teaserSize}}
4
+ {{> components/teaser/components/teaser_image _isMobile1to1=_isMobile1to1 _teaserSize=_teaserSize _addClassImg=_addClassImg}}
5
5
  {{/if}}
@@ -3,8 +3,8 @@
3
3
  {{~_text~}}
4
4
  </span>
5
5
  {{#if this.isExtOrBrandLink}}
6
- {{#decorator 'components/base/link' _css="relative inline text-link z-20 ds-focus"}}
6
+ {{#>components/base/link _link=this.link _css="relative inline text-link z-20 ds-focus"}}
7
7
  <span class="hover:underline decoration-1 font-copy">{{this.link.readMoreText.readMore}}{{~#if this.link.hasIcon}}{{> components/base/image/icon _icon=this.link.iconName _iconmap="icons" _addClass="inline -mt-0.5 w-5 h-5 fill-current ml-1"}}{{/if~}}</span>
8
- {{/decorator}}
8
+ {{/components/base/link}}
9
9
  {{/if}}
10
10
  </div>
@@ -3,7 +3,7 @@
3
3
 
4
4
 
5
5
  {{#> components/teaser/components/teaser_header _css=(if this.isMobile1to1 "" "px-5 sm:px-0 mx-4 mb-5")}}
6
- {{#decorator 'components/base/link' _css="cy-teaser-link ds-teaser-focus hover:text-toplineColor" }}
6
+ {{#>components/base/link _link=this.link _css="cy-teaser-link ds-teaser-focus hover:text-toplineColor" }}
7
7
  {{#with this.label}}
8
8
  {{#> components/label/label_group}}
9
9
  {{> components/label/label _type=this.type _text=(loca this.loca)}}
@@ -12,15 +12,14 @@
12
12
  {{/with~}}
13
13
  {{#> components/teaser/components/teaser_headline _headlineTag=this.headlineTag _css="overflow-anywhere hyphens-auto"}}
14
14
  {{#if this.topline}}
15
- test
16
- {{> components/teaser/components/teaser_topline _text=this.topline}}
15
+ {{> components/teaser/components/teaser_topline _css="" _text=this.topline}}
17
16
  {{/if}}
18
17
  {{> components/teaser/components/teaser_title _css="!text-white" _text=this.title _size=this.realTeaserSize _teaserType=this.teaserType _isMobile1to1=this.isMobile1to1}}
19
18
  {{#if this.extendedTitle}}
20
19
  {{> components/teaser/components/teaser_subline _text=this.extendedTitle}}
21
20
  {{/if}}
22
21
  {{/components/teaser/components/teaser_headline}}
23
- {{/decorator}}
22
+ {{/components/base/link}}
24
23
  {{/components/teaser/components/teaser_header}}
25
24
 
26
25
  <div class="flex flex-wrap justify-between mx-4 my-5 text-base text-white justify-items-center">
@@ -1 +1 @@
1
- {"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"Download","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative","teaserSize":"100","realTeaserSize":"100","isMobile1to1":"true","teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/jugendfeuerwehr-102_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","sizes":"40vw","srcset":"images/jugendfeuerwehr-102_v-1to1__small.jpg 380w, images/jugendfeuerwehr-102_v-1to1__medium.jpg 480w, images/jugendfeuerwehr-102_v-1to1.jpg 720w, images/jugendfeuerwehr-102_v-1to1__large.jpg 960w"},{"media":"all and (min-width: 48em) ","sizes":"33vw","srcset":"images/jugendfeuerwehr-102_v-16to9__small.jpg 320w, images/jugendfeuerwehr-102_v-16to9__medium.jpg 480w, images/jugendfeuerwehr-102_v-16to9__medium__extended.jpg 640w, images/jugendfeuerwehr-102_v-16to9.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"isFileDownload":true,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Wolfhagen"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"download","loca":"label_download","byline":{"bylineText":"ZIP - 3mb"}}}}}
1
+ {"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"Download","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative","teaserSize":"100","realTeaserSize":"100","isMobile1to1":"true","teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/jugendfeuerwehr-102_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","sizes":"40vw","srcset":"images/jugendfeuerwehr-102_v-1to1__small.jpg 380w, images/jugendfeuerwehr-102_v-1to1__medium.jpg 480w, images/jugendfeuerwehr-102_v-1to1.jpg 720w, images/jugendfeuerwehr-102_v-1to1__large.jpg 960w"},{"media":"all and (min-width: 48em) ","sizes":"33vw","srcset":"images/jugendfeuerwehr-102_v-16to9__small.jpg 320w, images/jugendfeuerwehr-102_v-16to9__medium.jpg 480w, images/jugendfeuerwehr-102_v-16to9__medium__extended.jpg 640w, images/jugendfeuerwehr-102_v-16to9.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"isFileDownload":true,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingData":{"secondLevelId":"2","pageName":"download"},"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Wolfhagen"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"download","loca":"label_download","byline":{"bylineText":"ZIP - 3mb"}}}}}
@@ -1 +1 @@
1
- {"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"Download","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative","teaserSize":"50","realTeaserSize":"50","isMobile1to1":"true","teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/jugendfeuerwehr-102_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","sizes":"300px","srcset":"images/jugendfeuerwehr-102_v-1to1__small.jpg 380w, images/jugendfeuerwehr-102_v-1to1__medium.jpg 480w, images/jugendfeuerwehr-102_v-1to1.jpg 720w, images/jugendfeuerwehr-102_v-1to1__large.jpg 960w"},{"media":"all and (min-width: 48em) ","sizes":"240px","srcset":"images/jugendfeuerwehr-102_v-16to9__small.jpg 320w, images/jugendfeuerwehr-102_v-16to9__medium.jpg 480w, images/jugendfeuerwehr-102_v-16to9__medium__extended.jpg 640w, images/jugendfeuerwehr-102_v-16to9.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"isFileDownload":true,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Wolfhagen"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"download","loca":"label_download","byline":{"bylineText":"ZIP - 3mb"}}}}}
1
+ {"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_alternative","includeModel":{"byline":"Byline","title":"Download","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"alternative","teaserSize":"50","realTeaserSize":"50","isMobile1to1":"true","teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":true,"asImage":false,"fallback":"images/jugendfeuerwehr-102_v-16to9__medium.jpg","sources":[{"media":"all and (max-width: 47.938em)","sizes":"300px","srcset":"images/jugendfeuerwehr-102_v-1to1__small.jpg 380w, images/jugendfeuerwehr-102_v-1to1__medium.jpg 480w, images/jugendfeuerwehr-102_v-1to1.jpg 720w, images/jugendfeuerwehr-102_v-1to1__large.jpg 960w"},{"media":"all and (min-width: 48em) ","sizes":"240px","srcset":"images/jugendfeuerwehr-102_v-16to9__small.jpg 320w, images/jugendfeuerwehr-102_v-16to9__medium.jpg 480w, images/jugendfeuerwehr-102_v-16to9__medium__extended.jpg 640w, images/jugendfeuerwehr-102_v-16to9.jpg 960w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"isFileDownload":true,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingData":{"secondLevelId":"2","pageName":"download"},"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Wolfhagen"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"download","loca":"label_download","byline":{"bylineText":"ZIP - 3mb"}}}}}
@@ -1 +1 @@
1
- {"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_standard","includeModel":{"byline":"Byline","title":"Download","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"standard","teaserSize":"100","realTeaserSize":"100","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"Vorname Nachname","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/jugendfeuerwehr-102_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/jugendfeuerwehr-102_v-16to9__small.jpg 320w, images/jugendfeuerwehr-102_v-16to9__medium.jpg 480w, images/jugendfeuerwehr-102_v-16to9__medium__extended.jpg 640w, images/jugendfeuerwehr-102_v-16to9.jpg 960w, images/jugendfeuerwehr-102_v-16to9__retina.jpg 1920w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"isFileDownload":true,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Wolfhagen"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"download","loca":"label_download","byline":{"bylineText":"ZIP - 3mb"}}}}}
1
+ {"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_standard","includeModel":{"byline":"Byline","title":"Download","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"standard","teaserSize":"100","realTeaserSize":"100","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"Vorname Nachname","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/jugendfeuerwehr-102_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/jugendfeuerwehr-102_v-16to9__small.jpg 320w, images/jugendfeuerwehr-102_v-16to9__medium.jpg 480w, images/jugendfeuerwehr-102_v-16to9__medium__extended.jpg 640w, images/jugendfeuerwehr-102_v-16to9.jpg 960w, images/jugendfeuerwehr-102_v-16to9__retina.jpg 1920w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"isFileDownload":true,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingData":{"secondLevelId":"2","pageName":"download"},"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Wolfhagen"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"download","loca":"label_download","byline":{"bylineText":"ZIP - 3mb"}}}}}
@@ -1 +1 @@
1
- {"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_standard","includeModel":{"byline":"Byline","title":"Download","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"standard","teaserSize":"50","realTeaserSize":"50","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"Vorname Nachname","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/jugendfeuerwehr-102_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/jugendfeuerwehr-102_v-16to9__small.jpg 320w, images/jugendfeuerwehr-102_v-16to9__medium.jpg 480w, images/jugendfeuerwehr-102_v-16to9__medium__extended.jpg 640w, images/jugendfeuerwehr-102_v-16to9.jpg 960w, images/jugendfeuerwehr-102_v-16to9__retina.jpg 1920w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"isFileDownload":true,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Wolfhagen"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"download","loca":"label_download","byline":{"bylineText":"ZIP - 3mb"}}}}}
1
+ {"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_standard","includeModel":{"byline":"Byline","title":"Download","topline":"","headingFontVariant":"serif","extendedTitle":"","teaserType":"standard","teaserSize":"50","realTeaserSize":"50","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"hasByline":true,"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":false,"showTeaserInfoAll":false,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":false},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"Vorname Nachname","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"images/jugendfeuerwehr-102_v-16to9__medium.jpg","sources":[{"sizes":"(min-width: 1024px) 960px, (min-width: 640px) calc(100vw - 4rem), 100vw","srcset":"images/jugendfeuerwehr-102_v-16to9__small.jpg 320w, images/jugendfeuerwehr-102_v-16to9__medium.jpg 480w, images/jugendfeuerwehr-102_v-16to9__medium__extended.jpg 640w, images/jugendfeuerwehr-102_v-16to9.jpg 960w, images/jugendfeuerwehr-102_v-16to9__retina.jpg 1920w"}]}},"displayTeaserBodyAsImageOverlay":false,"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"isFileDownload":true,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingData":{"secondLevelId":"2","pageName":"download"},"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"","hideBylineAndShorttext":false,"sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Wolfhagen"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"}},"label":{"type":"download","loca":"label_download","byline":{"bylineText":"ZIP - 3mb"}}}}}
@@ -1,11 +1,9 @@
1
- {{#decorator
2
- 'components/base/link'
3
- _css='w-full ds-link font-heading text-base text-podcast-text line-clamp-4 ...'
1
+ {{#>components/base/link _link=this.link
2
+ _css='w-full ds-link font-heading text-base text-podcast-text line-clamp-4'
4
3
  }}
5
4
  <span
6
- class='block hover:underline text-podcast-text
7
- {{~inline-switch _teaserSize '["100","50"]' '[" text-base"," text-base"]'~}}'
5
+ class='block hover:underline text-podcast-text text-base'
8
6
  >
9
- {{~_title~}}
7
+ {{~_title-adjust_context~}}
10
8
  </span>
11
- {{/decorator}}
9
+ {{/components/base/link}}
@@ -34,10 +34,9 @@
34
34
 
35
35
  </div>
36
36
 
37
- <div class="flex w-fit max-w-3/4 ">
37
+ <div class="flex w-fit max-w-3/4 ">
38
38
  {{> components/teaser/podcast/podcast_item_title
39
39
  _title=this.title
40
- _teaserSize=this.teaserSize
41
40
  _addClass="" }}
42
41
  </div>
43
42
  {{/if}}
@@ -65,17 +65,15 @@
65
65
  ax-load
66
66
  x-ignore
67
67
  ax-load-src={{resourceUrl "assets/js/vendor/podcast_player.alpine.js" }}>
68
- {{#with this.playlistItems}}
69
- {{#each this}}
68
+ {{#each this.playlistItems}}
70
69
  <div class="flex pb-5 {{#unless @last}}border-white border-b{{/unless}}">
71
70
  {{> components/teaser/podcast/podcast_player_ui
72
71
  _isPlaylistPlayer=true
73
- _podcastDuration=duration
74
- _title=title
72
+ _podcastDuration=this.duration
73
+ _title=this.title
75
74
  _id=(nextRandom)
76
75
  _first=@first
77
76
  }}
78
77
  </div>
79
78
  {{/each}}
80
- {{/with}}
81
79
  </div>
@@ -1,9 +1,9 @@
1
1
  {{#if this.isSingleChannel}}
2
- {{#decorator 'components/base/link' _css="group ds-link font-title text-base mt-2.5 text-podcast-text"}}
3
- <span class="mt-0.5 group-hover:underline {{#if _ordered}} pl-8 {{/if}}line-clamp-4 {{inline-switch _teaserSize '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg"]' ~}}">
2
+ {{#>components/base/link _link=this.link _css="group ds-link font-title text-base mt-2.5 text-podcast-text"}}
3
+ <span class="mt-0.5 group-hover:underline {{#if _ordered-adjust_context}} pl-8 {{/if}}line-clamp-4 {{inline-switch _teaserSize-adjust_context '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg"]' ~}}">
4
4
  {{~_title~}}
5
5
  </span>
6
- {{/decorator}}
6
+ {{/components/base/link}}
7
7
  {{else}}
8
8
  <div class="font-title text-base mt-2.5 text-podcast-text">
9
9
  <span class="mt-0.5 {{#if _ordered}} pl-8 {{/if}}line-clamp-4 {{inline-switch _teaserSize '["hero","100","50"]''["text-base md:text-2xl lg:line-clamp-2","text-base md:text-2xl lg:line-clamp-2","text-base md:text-lg"]' ~}}">
@@ -1,6 +1,6 @@
1
1
  <div class="absolute left-2/4 right-auto bottom-15 lg:bottom-10 flex w-full px-5 sm:px-11.5 -translate-x-2/4 {{inline-switch this.stageTextPosition '["right50"]' '[" justify-end"," justify-start"]'}}">
2
2
  <div class="relative p-4 rounded-2xl bg-stageTextBox/85 {{inline-switch this.stageTextPosition '["left100"]' '[" w-full"," max-w-xs sm:w-fit md:max-w-2/4"]'}} ">
3
- {{#decorator 'components/base/link' _css="ds-teaser-focus before:rounded-2xl"}}
3
+ {{#>components/base/link _link=this.link _css="ds-teaser-focus before:rounded-2xl"}}
4
4
  {{#> components/teaser/components/teaser_header}}
5
5
  {{#with this.label}}
6
6
  {{#> components/label/label_group _css="!text-stageText"}}
@@ -37,6 +37,6 @@
37
37
  {{> components/base/image/icon _icon=this.link.iconName _iconmap="icons" _addClass="inline w-5 h-5 self-baseline fill-current ml-1" }}]
38
38
  </span>
39
39
  {{/if}}
40
- {{/decorator}}
40
+ {{/components/base/link}}
41
41
  </div>
42
42
  </div>
@@ -7,7 +7,7 @@
7
7
  </div>
8
8
  {{~#if this.link~}}
9
9
  <div class="flex justify-center min-w-0 pt-8 mx-5">
10
- {{~#> components/button/link_button _variant="secondary" _size="lg" _css="overflow-hidden"}}
10
+ {{~#> components/button/link_button _link=this.link _variant="secondary" _size="lg" _css="overflow-hidden"}}
11
11
  {{>components/button/components/button_label _label=(loca "group_tabbed_more" this.title) _css="flex-1 truncate mr-2"}}
12
12
  {{> components/button/components/button_icon _icon="arrow-right" _iconmap="icons" _css=""}}
13
13
  {{/components/button/link_button}}
@@ -3,7 +3,7 @@
3
3
  {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.content.imageVariant _noDelay=../_noDelay _addClassImg="ar__content rounded-tl-hr rounded-br-hr" ~}}
4
4
  </figure>
5
5
  <div class="absolute flex flex-col justify-center w-full h-full bg-gradient-to-t from-black rounded-tl-hr rounded-br-hr">
6
- {{#decorator 'components/base/link' _css="ds-teaser-focus flex items-center flex-col before:rounded-tl-hr before:rounded-br-hr hover:text-toplineColor"}}
6
+ {{#>components/base/link _link=this.link _css="ds-teaser-focus flex items-center flex-col before:rounded-tl-hr before:rounded-br-hr hover:text-toplineColor"}}
7
7
  {{#> components/teaser/components/teaser_header}}
8
8
  {{#with this.label}}
9
9
  {{#> components/label/label_group}}
@@ -21,9 +21,9 @@
21
21
  {{/if}}
22
22
  {{/components/teaser/components/teaser_headline}}
23
23
  {{/components/teaser/components/teaser_header}}
24
- {{/decorator}}
24
+ {{/components/base/link}}
25
25
  <span class="absolute flex w-full h-full items-end justify-center ds-cta">
26
- {{#> components/button/link_button _size="lg" _css=(inline-switch this.realTeaserSize '["33","50"]' '["z-20 mb-7","z-20 mb-7 md:mb-16"]') _variant="secondary" _isAriaHidden=true _onBackground=true}}
26
+ {{#> components/button/link_button _link=this.link _size="lg" _css=(inline-switch this.realTeaserSize '["33","50"]' '["z-20 mb-7","z-20 mb-7 md:mb-16"]') _variant="secondary" _isAriaHidden=true _onBackground=true}}
27
27
  {{> components/button/components/button_label _css="" _label=this.link.readMoreText.readMoreLong}}
28
28
  {{/components/button/link_button}}
29
29
  </span>
@@ -11,7 +11,7 @@
11
11
  <figure class="{{> components/teaser/utilities/teaser_image_cypress_hook_classes}}relative
12
12
  {{~#if this.isMobile1to1}} basis-2/5 w-2/5 ar-1-1 md:basis-full md:w-full md:ar-16-9{{else}} ar-16-9 w-full{{/if~}}"
13
13
  {{~#if this.isMobile1to1}} :class="{'ar-16-9 w-full basis-full': avStart,'ar-1-1 basis-2/5 w-2/5':!avStart}"{{/if}} >
14
- {{> components/teaser/components/teaser_lead _isMobile1to1=this.isMobile1to1 _teaserSize=this.teaserSize _teaserType=this.teaserType _aspectRatio=(if this.isMobile1to1 'ar-1-1 md:ar-16-9' (inline-switch this.teaserSize '["25"]' '["ar-1-1 md:ar-16-9", "ar-16-9"]')) }}
14
+ {{> components/teaser/components/teaser_lead _addClassImg="rounded-tl-hr" _isMobile1to1=this.isMobile1to1 _teaserSize=this.teaserSize _teaserType=this.teaserType _aspectRatio=(if this.isMobile1to1 'ar-1-1 md:ar-16-9' (inline-switch this.teaserSize '["25"]' '["ar-1-1 md:ar-16-9", "ar-16-9"]')) }}
15
15
  </figure>
16
16
  {{#if this.displayTeaserBodyAsImageOverlay}}
17
17
  {{#decorator 'components/teaser/components/teaser_image_overlay' _noOverlayInMobileViewports=true _cssClasses=" relative md:absolute w-full bottom-0"}}
@@ -0,0 +1,2 @@
1
+ {{#with this.trackingData}}data-hr-click-tracking='{"settings": [{"type":"download","secondLevelId":
2
+ "{{this.secondLevelId}}","clickLabel": "{{this.pageName}}"}]}'{{/with}}
@@ -0,0 +1,4 @@
1
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "1","clickLabel":"{{_clickLabelType}}{{#if
2
+ _clickLabelPrefix1
3
+ }}::{{_clickLabelPrefix1}}{{/if}}{{#if _clickLabelPrefix2}}::{{_clickLabelPrefix2}}{{/if}}-Link
4
+ geklickt"}]}'
@@ -1,12 +0,0 @@
1
- <a {{#with this.link.webviewUrl}}data-webviewurl="{{this}}"{{/with}} href="{{this.link.url}}{{#if this.hasComments}}#commentList{{/if}}"
2
- class="sb-link ds-link js-load {{#if _isSelected}} {{defaultIfEmpty _selectedCssClass "-current"}}{{/if}}{{#if _css}} {{_css}}{{/if}} {{#> css}}{{/css}}"
3
- {{#if _doNavigationTracking}}
4
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "1","clickLabel":"{{_clickLabelType}}{{#if _clickLabelPrefix1}}::{{_clickLabelPrefix1}}{{/if}}::{{_clickLabelPrefix2}}-Link geklickt"}]}'
5
- {{/if}}
6
- {{#if this.isFileDownload}}
7
- {{#with this.trackingData}}data-hr-click-tracking='{"settings": [{"type":"download","secondLevelId": "{{this.link.secondLevelId}}","clickLabel": "{{this.link.pageName}}"}]}'{{/with}}
8
- {{/if}}
9
- {{#if this.link.isTargetBlank}} target="_blank" rel="noopener{{#if this.link.hasNoReferrerFlag}} noreferrer{{/if}}"{{/if}}
10
- {{#if _isAriaHidden}} aria-hidden="true" tabindex="-1"{{/if}}
11
- >
12
-
@@ -1,14 +0,0 @@
1
- <a {{#with this.link.webviewUrl}}data-webviewurl="{{this}}"{{/with}} href="{{this.link.url}}{{#if this.hasComments}}#commentList{{/if}}"
2
- class="sb-link ds-link js-load {{#if _isSelected}} {{defaultIfEmpty _selectedCssClass "-current"}}{{/if}}{{#if _css}} {{_css}}{{/if}} {{#> css}}{{/css}}"
3
- {{#if _doNavigationTracking}}
4
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "1","clickLabel":"{{_clickLabelType}}{{#if _clickLabelPrefix1}}::{{_clickLabelPrefix1}}{{/if}}::{{_clickLabelPrefix2}}-Link geklickt"}]}'
5
- {{/if}}
6
- {{#if this.isFileDownload}}
7
- {{#with this.trackingData}}data-hr-click-tracking='{"settings": [{"type":"download","secondLevelId": "{{this.link.secondLevelId}}","clickLabel": "{{this.link.pageName}}"}]}'{{/with}}
8
- {{/if}}
9
- {{#if this.link.isTargetBlank}} target="_blank" rel="noopener{{#if this.link.hasNoReferrerFlag}} noreferrer{{/if}}"{{/if}}
10
- {{#if _isAriaHidden}} aria-hidden="true" tabindex="-1"{{/if}}
11
- >
12
-
13
- {{> @partial-block }}
14
- </a>
@@ -1,12 +0,0 @@
1
- <a {{#with this.link.webviewUrl}}data-webviewurl="{{this}}"{{/with}} href="{{this.link.url}}{{#if this.hasComments}}#commentList{{/if}}"
2
- class="sb-link ds-link js-load {{#if _isSelected}} {{defaultIfEmpty _selectedCssClass "-current"}}{{/if}}{{#if _css}} {{_css}}{{/if}} {{#> css}}{{/css}}"
3
- {{#if _doNavigationTracking}}
4
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "1","clickLabel":"{{_clickLabelType}}{{#if _clickLabelPrefix1}}::{{_clickLabelPrefix1}}{{/if}}::{{_clickLabelPrefix2}}-Link geklickt"}]}'
5
- {{/if}}
6
- {{#if this.isFileDownload}}
7
- {{#with this.trackingData}}data-hr-click-tracking='{"settings": [{"type":"download","secondLevelId": "{{this.link.secondLevelId}}","clickLabel": "{{this.link.pageName}}"}]}'{{/with}}
8
- {{/if}}
9
- {{#if this.link.isTargetBlank}} target="_blank" rel="noopener{{#if this.link.hasNoReferrerFlag}} noreferrer{{/if}}"{{/if}}
10
- {{#if _isAriaHidden}} aria-hidden="true" tabindex="-1"{{/if}}
11
- >
12
-
@@ -1,14 +0,0 @@
1
- <a {{#with this.link.webviewUrl}}data-webviewurl="{{this}}"{{/with}} href="{{this.link.url}}{{#if this.hasComments}}#commentList{{/if}}"
2
- class="sb-link ds-link js-load {{#if _isSelected}} {{defaultIfEmpty _selectedCssClass "-current"}}{{/if}}{{#if _css}} {{_css}}{{/if}} {{#> css}}{{/css}}"
3
- {{#if _doNavigationTracking}}
4
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "1","clickLabel":"{{_clickLabelType}}{{#if _clickLabelPrefix1}}::{{_clickLabelPrefix1}}{{/if}}::{{_clickLabelPrefix2}}-Link geklickt"}]}'
5
- {{/if}}
6
- {{#if this.isFileDownload}}
7
- {{#with this.trackingData}}data-hr-click-tracking='{"settings": [{"type":"download","secondLevelId": "{{this.link.secondLevelId}}","clickLabel": "{{this.link.pageName}}"}]}'{{/with}}
8
- {{/if}}
9
- {{#if this.link.isTargetBlank}} target="_blank" rel="noopener{{#if this.link.hasNoReferrerFlag}} noreferrer{{/if}}"{{/if}}
10
- {{#if _isAriaHidden}} aria-hidden="true" tabindex="-1"{{/if}}
11
- >
12
-
13
- {{> @partial-block }}
14
- </a>