hr-design-system-handlebars 1.113.20 → 1.114.0

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 (33) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/assets/index.css +3 -3
  3. package/dist/views/components/base/image/responsive_image.hbs +5 -5
  4. package/dist/views/components/content/copytext/components/audio.hbs +2 -2
  5. package/dist/views/components/content/copytext/components/audioeventlivestream.hbs +2 -2
  6. package/dist/views/components/content/copytext/components/media/media_figure.hbs +2 -2
  7. package/dist/views/components/content/copytext/components/video/video.hbs +2 -2
  8. package/dist/views/components/content/copytext/components/videolivestream.hbs +2 -2
  9. package/dist/views/components/content/copytext/copytext.hbs +1 -1
  10. package/dist/views/components/page/story/story_article.hbs +2 -2
  11. package/dist/views/components/teaser/components/teaser_media_player.hbs +1 -1
  12. package/dist/views/components/teaser/teaser_poster.hbs +2 -2
  13. package/dist/views_static/components/base/image/responsive_image.hbs +5 -5
  14. package/dist/views_static/components/content/copytext/components/audio.hbs +2 -2
  15. package/dist/views_static/components/content/copytext/components/audioeventlivestream.hbs +2 -2
  16. package/dist/views_static/components/content/copytext/components/media/media_figure.hbs +2 -2
  17. package/dist/views_static/components/content/copytext/components/video/video.hbs +2 -2
  18. package/dist/views_static/components/content/copytext/components/videolivestream.hbs +2 -2
  19. package/dist/views_static/components/content/copytext/copytext.hbs +1 -1
  20. package/dist/views_static/components/page/story/story_article.hbs +2 -2
  21. package/dist/views_static/components/teaser/components/teaser_media_player.hbs +1 -1
  22. package/dist/views_static/components/teaser/teaser_poster.hbs +2 -2
  23. package/package.json +1 -1
  24. package/src/stories/views/components/base/image/responsive_image.hbs +5 -5
  25. package/src/stories/views/components/content/copytext/components/audio.hbs +2 -2
  26. package/src/stories/views/components/content/copytext/components/audioeventlivestream.hbs +2 -2
  27. package/src/stories/views/components/content/copytext/components/media/media_figure.hbs +2 -2
  28. package/src/stories/views/components/content/copytext/components/video/video.hbs +2 -2
  29. package/src/stories/views/components/content/copytext/components/videolivestream.hbs +2 -2
  30. package/src/stories/views/components/content/copytext/copytext.hbs +1 -1
  31. package/src/stories/views/components/page/story/story_article.hbs +2 -2
  32. package/src/stories/views/components/teaser/components/teaser_media_player.hbs +1 -1
  33. package/src/stories/views/components/teaser/teaser_poster.hbs +2 -2
package/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
1
+ # v1.114.0 (Wed Nov 06 2024)
2
+
3
+ #### 🚀 Enhancement
4
+
5
+ - Feature/dpe 3427 [#1148](https://github.com/mumprod/hr-design-system-handlebars/pull/1148) ([@szuelch](https://github.com/szuelch))
6
+
7
+ #### Authors: 1
8
+
9
+ - [@szuelch](https://github.com/szuelch)
10
+
11
+ ---
12
+
1
13
  # v1.113.20 (Tue Nov 05 2024)
2
14
 
3
15
  #### 🐛 Bug Fix
package/dist/assets/index.css CHANGED
@@ -3676,7 +3676,7 @@ article.indexTextDS .indexTextHighlighted .link {
3676
3676
  border-bottom-color: var(--color-secondary-ds);
3677
3677
  }
3678
3678
  .counter-reset {
3679
- counter-reset: cnt1730829998891;
3679
+ counter-reset: cnt1730887204386;
3680
3680
  }
3681
3681
  .placeholder-text-xs::-webkit-input-placeholder {
3682
3682
  font-size: 0.75rem;
@@ -4090,7 +4090,7 @@ article.indexTextDS .indexTextHighlighted .link {
4090
4090
  --tw-ring-color: rgba(255, 255, 255, 0.5);
4091
4091
  }
4092
4092
  .-ordered {
4093
- counter-increment: cnt1730829998891 1;
4093
+ counter-increment: cnt1730887204386 1;
4094
4094
  }
4095
4095
  .-ordered::before {
4096
4096
  position: absolute;
@@ -4108,7 +4108,7 @@ article.indexTextDS .indexTextHighlighted .link {
4108
4108
  --tw-text-opacity: 1;
4109
4109
  color: rgba(0, 0, 0, 1);
4110
4110
  color: rgba(0, 0, 0, var(--tw-text-opacity));
4111
- content: counter(cnt1730829998891);
4111
+ content: counter(cnt1730887204386);
4112
4112
  }
4113
4113
  /*! ****************************/
4114
4114
  /*! DataPolicy stuff */
package/dist/views/components/base/image/responsive_image.hbs CHANGED
@@ -13,11 +13,6 @@
13
13
  {{#withParam this.responsiveImage _type _variant }}
14
14
  {{#if this.asPicture}}
15
15
  <picture class="{{~#if ../_addClass}} {{../_addClass}}{{/if}}">
16
- {{#unless _disableNoScript}}
17
- <noscript>
18
- <img class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" src="{{this.fallback}}" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}">
19
- </noscript>
20
- {{/unless}}
21
16
  {{#with this.sources}}
22
17
  {{#each this}}
23
18
  <source{{#with this.media}} media="{{this}}"{{/with}}
@@ -27,6 +22,11 @@
27
22
  {{/with}}
28
23
  <img {{#if ../_isWebview}}data-primary-type="hr-nt:image" data-image-id="{{nextRandom}}"{{/if}} class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" loading="{{#if ../_noDelay}}auto{{else}}lazy{{/if}}"{{#if ../_noDelay}} fetchpriority="high"{{/if}} src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}" {{~#if ../_title}} title="{{../_title}}"{{~/if}} {{~#if ../_errorHandler }} onerror="this.onerror=null; {{../_errorHandler}}"{{/if}}>
29
24
  </picture>
25
+ {{#unless _disableNoScript}}
26
+ <noscript>
27
+ <img class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" src="{{this.fallback}}" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}">
28
+ </noscript>
29
+ {{/unless}}
30
30
  {{/if}}
31
31
 
32
32
  {{#if this.asImage}}
package/dist/views/components/content/copytext/components/audio.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
5
5
  {{/if}}
package/dist/views/components/content/copytext/components/audioeventlivestream.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
5
5
  {{/if}}
package/dist/views/components/content/copytext/components/media/media_figure.hbs CHANGED
@@ -29,13 +29,13 @@
29
29
  {{#if this.isVideoOnDemand}}
30
30
  {{#with this.toModel.videoElement}}
31
31
  {{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg ~}}
32
- {{~> components/teaser/components/teaser_media_player ../this _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio="ar-16-9" _noDelay=../_isLead }}
32
+ {{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio="ar-16-9" _noDelay=../_isLead }}
33
33
  {{/with}}
34
34
  {{/if}}
35
35
  {{#if this.isLivestream}}
36
36
  {{#with this.toModel.videoLivestreamElement}}
37
37
  {{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg ~}}
38
- {{~> components/teaser/components/teaser_media_player ../this _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLivestream=true _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _aspectRatio="ar-16-9" _noDelay=../_isLead }}
38
+ {{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLivestream=true _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _aspectRatio="ar-16-9" _noDelay=../_isLead }}
39
39
  {{/with}}
40
40
  {{/if}}
41
41
  {{#unless _voting-option}}
package/dist/views/components/content/copytext/components/video/video.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=true _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=false _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
5
5
  {{/if}}
package/dist/views/components/content/copytext/components/videolivestream.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
5
5
  {{/if}}
package/dist/views/components/content/copytext/copytext.hbs CHANGED
@@ -1,6 +1,6 @@
1
1
  <div class="hrds-copytext mt-2 contents sm:block copytextWrapper">
2
2
  {{~#with this.leadAudio }}
3
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden article-full-width mt-12 mb-6 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
3
+ {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden article-full-width mt-12 mb-6 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
4
4
  {{~/with}}
5
5
  {{#each this.copytextParagraph }}
6
6
  {{~> components/content/copytext/copytext_body _isWebview=../_isWebview ~}}
package/dist/views/components/page/story/story_article.hbs CHANGED
@@ -20,10 +20,10 @@
20
20
  _noDelay=true}}
21
21
  {{/if}}
22
22
  {{#if this.isVideoOnDemand}}
23
- {{> components/content/copytext/components/media/media_figure _playerLocation="Aufmacher" _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
23
+ {{> components/content/copytext/components/media/media_figure _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
24
24
  {{/if}}
25
25
  {{#if this.isLivestream}}
26
- {{> components/content/copytext/components/media/media_figure _playerLocation="Aufmacher" _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
26
+ {{> components/content/copytext/components/media/media_figure _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
27
27
  {{/if}}
28
28
  {{/with}}
29
29
  {{/unless}}
package/dist/views/components/teaser/components/teaser_media_player.hbs CHANGED
@@ -9,7 +9,7 @@
9
9
  {{/unless}}
10
10
 
11
11
  {{#if this.isTickerTeaser}}<a href="{{this.link.url}}" aria-label="Zum Ticker" tabindex="-1"{{#if (isUserConsentNeeded this.link.url)}} class="js-user-consent-needed"{{/if}}>{{/if}}
12
- {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.imageVariant this.imageVariant '100-copytext') _addClassImg=_addClassImg _noDelay=_noDelay ~}}
12
+ {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.imageVariant this.imageVariant (if _isLead '100-top-sb' (if _isFullsize '100-copytext' 'copytext'))) _addClassImg=_addClassImg _noDelay=_noDelay ~}}
13
13
  {{#if this.isTickerTeaser}}</a>{{/if}}
14
14
 
15
15
 
package/dist/views/components/teaser/teaser_poster.hbs CHANGED
@@ -5,10 +5,10 @@
5
5
  {{#if this.showStretched.isTrue }}
6
6
  {{~> components/base/image/responsive_image this.teaserImage _type="poster_wide" _variant="default" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
7
7
  {{else}}
8
- {{~> components/base/image/responsive_image this.teaserImage _type="poster" _variant="50" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
8
+ {{~> components/base/image/responsive_image this.teaserImage _type="poster" _variant="copytext_full" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
9
9
  {{/if}}
10
10
  {{else}}
11
- {{~> components/base/image/responsive_image this.teaserImage _type="poster" _variant="50" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
11
+ {{~> components/base/image/responsive_image this.teaserImage _type="poster" _variant="copytext_narrow" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
12
12
  {{/if}}
13
13
  {{else}}
14
14
  {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.content.imageVariant _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
package/dist/views_static/components/base/image/responsive_image.hbs CHANGED
@@ -13,11 +13,6 @@
13
13
  {{#withParam this.responsiveImage _type _variant }}
14
14
  {{#if this.asPicture}}
15
15
  <picture class="{{~#if ../_addClass}} {{../_addClass}}{{/if}}">
16
- {{#unless _disableNoScript}}
17
- <noscript>
18
- <img class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" src="{{this.fallback}}" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}">
19
- </noscript>
20
- {{/unless}}
21
16
  {{#with this.sources}}
22
17
  {{#each this}}
23
18
  <source{{#with this.media}} media="{{this}}"{{/with}}
@@ -27,6 +22,11 @@
27
22
  {{/with}}
28
23
  <img {{#if ../_isWebview}}data-primary-type="hr-nt:image" data-image-id="{{nextRandom}}"{{/if}} class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" loading="{{#if ../_noDelay}}auto{{else}}lazy{{/if}}"{{#if ../_noDelay}} fetchpriority="high"{{/if}} src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}" {{~#if ../_title}} title="{{../_title}}"{{~/if}} {{~#if ../_errorHandler }} onerror="this.onerror=null; {{../_errorHandler}}"{{/if}}>
29
24
  </picture>
25
+ {{#unless _disableNoScript}}
26
+ <noscript>
27
+ <img class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" src="{{this.fallback}}" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}">
28
+ </noscript>
29
+ {{/unless}}
30
30
  {{/if}}
31
31
 
32
32
  {{#if this.asImage}}
package/dist/views_static/components/content/copytext/components/audio.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
5
5
  {{/if}}
package/dist/views_static/components/content/copytext/components/audioeventlivestream.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
5
5
  {{/if}}
package/dist/views_static/components/content/copytext/components/media/media_figure.hbs CHANGED
@@ -29,13 +29,13 @@
29
29
  {{#if this.isVideoOnDemand}}
30
30
  {{#with this.toModel.videoElement}}
31
31
  {{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg ~}}
32
- {{~> components/teaser/components/teaser_media_player ../this _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio="ar-16-9" _noDelay=../_isLead }}
32
+ {{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio="ar-16-9" _noDelay=../_isLead }}
33
33
  {{/with}}
34
34
  {{/if}}
35
35
  {{#if this.isLivestream}}
36
36
  {{#with this.toModel.videoLivestreamElement}}
37
37
  {{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg ~}}
38
- {{~> components/teaser/components/teaser_media_player ../this _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLivestream=true _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _aspectRatio="ar-16-9" _noDelay=../_isLead }}
38
+ {{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLivestream=true _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _aspectRatio="ar-16-9" _noDelay=../_isLead }}
39
39
  {{/with}}
40
40
  {{/if}}
41
41
  {{#unless _voting-option}}
package/dist/views_static/components/content/copytext/components/video/video.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=true _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=false _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
5
5
  {{/if}}
package/dist/views_static/components/content/copytext/components/videolivestream.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
5
5
  {{/if}}
package/dist/views_static/components/content/copytext/copytext.hbs CHANGED
@@ -1,6 +1,6 @@
1
1
  <div class="hrds-copytext mt-2 contents sm:block copytextWrapper">
2
2
  {{~#with this.leadAudio }}
3
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden article-full-width mt-12 mb-6 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
3
+ {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden article-full-width mt-12 mb-6 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
4
4
  {{~/with}}
5
5
  {{#each this.copytextParagraph }}
6
6
  {{~> components/content/copytext/copytext_body _isWebview=../_isWebview ~}}
package/dist/views_static/components/page/story/story_article.hbs CHANGED
@@ -20,10 +20,10 @@
20
20
  _noDelay=true}}
21
21
  {{/if}}
22
22
  {{#if this.isVideoOnDemand}}
23
- {{> components/content/copytext/components/media/media_figure _playerLocation="Aufmacher" _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
23
+ {{> components/content/copytext/components/media/media_figure _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
24
24
  {{/if}}
25
25
  {{#if this.isLivestream}}
26
- {{> components/content/copytext/components/media/media_figure _playerLocation="Aufmacher" _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
26
+ {{> components/content/copytext/components/media/media_figure _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
27
27
  {{/if}}
28
28
  {{/with}}
29
29
  {{/unless}}
package/dist/views_static/components/teaser/components/teaser_media_player.hbs CHANGED
@@ -9,7 +9,7 @@
9
9
  {{/unless}}
10
10
 
11
11
  {{#if this.isTickerTeaser}}<a href="{{this.link.url}}" aria-label="Zum Ticker" tabindex="-1"{{#if (isUserConsentNeeded this.link.url)}} class="js-user-consent-needed"{{/if}}>{{/if}}
12
- {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.imageVariant this.imageVariant '100-copytext') _addClassImg=_addClassImg _noDelay=_noDelay ~}}
12
+ {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.imageVariant this.imageVariant (if _isLead '100-top-sb' (if _isFullsize '100-copytext' 'copytext'))) _addClassImg=_addClassImg _noDelay=_noDelay ~}}
13
13
  {{#if this.isTickerTeaser}}</a>{{/if}}
14
14
 
15
15
 
package/dist/views_static/components/teaser/teaser_poster.hbs CHANGED
@@ -5,10 +5,10 @@
5
5
  {{#if this.showStretched.isTrue }}
6
6
  {{~> components/base/image/responsive_image this.teaserImage _type="poster_wide" _variant="default" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
7
7
  {{else}}
8
- {{~> components/base/image/responsive_image this.teaserImage _type="poster" _variant="50" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
8
+ {{~> components/base/image/responsive_image this.teaserImage _type="poster" _variant="copytext_full" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
9
9
  {{/if}}
10
10
  {{else}}
11
- {{~> components/base/image/responsive_image this.teaserImage _type="poster" _variant="50" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
11
+ {{~> components/base/image/responsive_image this.teaserImage _type="poster" _variant="copytext_narrow" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
12
12
  {{/if}}
13
13
  {{else}}
14
14
  {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.content.imageVariant _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
package/package.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "license": "MIT",
7
7
  "main": "dist/index.js",
8
8
  "repository": "https://github.com/szuelch/hr-design-system-handlebars",
9
- "version": "1.113.20",
9
+ "version": "1.114.0",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
package/src/stories/views/components/base/image/responsive_image.hbs CHANGED
@@ -13,11 +13,6 @@
13
13
  {{#withParam this.responsiveImage _type _variant }}
14
14
  {{#if this.asPicture}}
15
15
  <picture class="{{~#if ../_addClass}} {{../_addClass}}{{/if}}">
16
- {{#unless _disableNoScript}}
17
- <noscript>
18
- <img class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" src="{{this.fallback}}" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}">
19
- </noscript>
20
- {{/unless}}
21
16
  {{#with this.sources}}
22
17
  {{#each this}}
23
18
  <source{{#with this.media}} media="{{this}}"{{/with}}
@@ -27,6 +22,11 @@
27
22
  {{/with}}
28
23
  <img {{#if ../_isWebview}}data-primary-type="hr-nt:image" data-image-id="{{nextRandom}}"{{/if}} class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" loading="{{#if ../_noDelay}}auto{{else}}lazy{{/if}}"{{#if ../_noDelay}} fetchpriority="high"{{/if}} src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}" {{~#if ../_title}} title="{{../_title}}"{{~/if}} {{~#if ../_errorHandler }} onerror="this.onerror=null; {{../_errorHandler}}"{{/if}}>
29
24
  </picture>
25
+ {{#unless _disableNoScript}}
26
+ <noscript>
27
+ <img class="w-full{{~#if ../_addClassImg}} {{../_addClassImg}}{{/if}}" src="{{this.fallback}}" alt="{{#if ../_alttext}}{{../_alttext}}{{else}}{{../this.alttext}}{{/if}}">
28
+ </noscript>
29
+ {{/unless}}
30
30
  {{/if}}
31
31
 
32
32
  {{#if this.asImage}}
package/src/stories/views/components/content/copytext/components/audio.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
5
5
  {{/if}}
package/src/stories/views/components/content/copytext/components/audioeventlivestream.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width mt-12 mb-8 sm:my-7 sm:article-narrow sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_event_livestream_intro_sr" _a11yOutro-loca="story_audio_event_livestream_outro_sr" }}
5
5
  {{/if}}
package/src/stories/views/components/content/copytext/components/media/media_figure.hbs CHANGED
@@ -29,13 +29,13 @@
29
29
  {{#if this.isVideoOnDemand}}
30
30
  {{#with this.toModel.videoElement}}
31
31
  {{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg ~}}
32
- {{~> components/teaser/components/teaser_media_player ../this _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio="ar-16-9" _noDelay=../_isLead }}
32
+ {{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio="ar-16-9" _noDelay=../_isLead }}
33
33
  {{/with}}
34
34
  {{/if}}
35
35
  {{#if this.isLivestream}}
36
36
  {{#with this.toModel.videoLivestreamElement}}
37
37
  {{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg ~}}
38
- {{~> components/teaser/components/teaser_media_player ../this _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLivestream=true _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _aspectRatio="ar-16-9" _noDelay=../_isLead }}
38
+ {{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLivestream=true _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _aspectRatio="ar-16-9" _noDelay=../_isLead }}
39
39
  {{/with}}
40
40
  {{/if}}
41
41
  {{#unless _voting-option}}
package/src/stories/views/components/content/copytext/components/video/video.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=true _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _isFullsize=false _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
5
5
  {{/if}}
package/src/stories/views/components/content/copytext/components/videolivestream.hbs CHANGED
@@ -1,5 +1,5 @@
1
1
  {{#if this.showFullSize.isTrue }}
2
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
2
+ {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden clear-both article-full-width mt-12 mb-8 [&+h2]:mt-4 [&+.hrds-copytext-teaser-half]:mt-4 sm:[&+.hrds-copytext-teaser-half]:mt-0 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
3
3
  {{else}}
4
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
4
+ {{> components/content/copytext/components/media/media_figure _isFullsize=false _playerLocation="Copytext" _playerSize="50" _addClass="hrds-copytext-teaser-half print:hidden article-full-width sm:article-narrow mt-12 mb-8 sm:my-7 sm:mr-5 sm:w-1/2 w-auto flex-col float-none sm:float-left break-inside-avoid" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
5
5
  {{/if}}
package/src/stories/views/components/content/copytext/copytext.hbs CHANGED
@@ -1,6 +1,6 @@
1
1
  <div class="hrds-copytext mt-2 contents sm:block copytextWrapper">
2
2
  {{~#with this.leadAudio }}
3
- {{> components/content/copytext/components/media/media_figure _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden article-full-width mt-12 mb-6 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
3
+ {{> components/content/copytext/components/media/media_figure _isFullsize=true _playerLocation="Copytext" _playerSize="100" _addClass="print:hidden article-full-width mt-12 mb-6 sm:article-narrow sm:my-14" _cssClassCaption="mx-5 sm:mx-0" _a11yIntro-loca="story_audio_intro_sr" _a11yOutro-loca="story_audio_outro_sr" }}
4
4
  {{~/with}}
5
5
  {{#each this.copytextParagraph }}
6
6
  {{~> components/content/copytext/copytext_body _isWebview=../_isWebview ~}}
package/src/stories/views/components/page/story/story_article.hbs CHANGED
@@ -20,10 +20,10 @@
20
20
  _noDelay=true}}
21
21
  {{/if}}
22
22
  {{#if this.isVideoOnDemand}}
23
- {{> components/content/copytext/components/media/media_figure _playerLocation="Aufmacher" _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
23
+ {{> components/content/copytext/components/media/media_figure _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_intro_sr" _a11yOutro-loca="story_video_outro_sr" }}
24
24
  {{/if}}
25
25
  {{#if this.isLivestream}}
26
- {{> components/content/copytext/components/media/media_figure _playerLocation="Aufmacher" _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
26
+ {{> components/content/copytext/components/media/media_figure _playerLocation="Aufmacher" _isFullsize=true _isLead=true _playerSize="100" _addClass="print:hidden article-full-width md:article-breakout mt-12 mb-6 sm:mt-14 sm:mb-8" _cssClassCaption="mx-5 md:mx-0" _a11yIntro-loca="story_video_livestream_intro_sr" _a11yOutro-loca="story_video_livestream_outro_sr" }}
27
27
  {{/if}}
28
28
  {{/with}}
29
29
  {{/unless}}
package/src/stories/views/components/teaser/components/teaser_media_player.hbs CHANGED
@@ -9,7 +9,7 @@
9
9
  {{/unless}}
10
10
 
11
11
  {{#if this.isTickerTeaser}}<a href="{{this.link.url}}" aria-label="Zum Ticker" tabindex="-1"{{#if (isUserConsentNeeded this.link.url)}} class="js-user-consent-needed"{{/if}}>{{/if}}
12
- {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.imageVariant this.imageVariant '100-copytext') _addClassImg=_addClassImg _noDelay=_noDelay ~}}
12
+ {{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.imageVariant this.imageVariant (if _isLead '100-top-sb' (if _isFullsize '100-copytext' 'copytext'))) _addClassImg=_addClassImg _noDelay=_noDelay ~}}
13
13
  {{#if this.isTickerTeaser}}</a>{{/if}}
14
14
 
15
15
 
package/src/stories/views/components/teaser/teaser_poster.hbs CHANGED
@@ -5,10 +5,10 @@
5
5
  {{#if this.showStretched.isTrue }}
6
6
  {{~> components/base/image/responsive_image this.teaserImage _type="poster_wide" _variant="default" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
7
7
  {{else}}
8
- {{~> components/base/image/responsive_image this.teaserImage _type="poster" _variant="50" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
8
+ {{~> components/base/image/responsive_image this.teaserImage _type="poster" _variant="copytext_full" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
9
9
  {{/if}}
10
10
  {{else}}
11
- {{~> components/base/image/responsive_image this.teaserImage _type="poster" _variant="50" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
11
+ {{~> components/base/image/responsive_image this.teaserImage _type="poster" _variant="copytext_narrow" _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}
12
12
  {{/if}}
13
13
  {{else}}
14
14
  {{~> components/base/image/responsive_image this.teaserImage _type=this.teaserType _variant=this.content.imageVariant _noDelay=../_noDelay _addClassImg="rounded-tl-hr rounded-br-hr" ~}}