hr-design-system-handlebars 1.70.11 → 1.72.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 (31) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/dist/assets/index.css +3 -3
  3. package/dist/views/components/button/utilities/button_on_image_classes.hbs +0 -3
  4. package/dist/views/components/content/content_footer/content_footer.hbs +54 -32
  5. package/dist/views/components/content/copytext/components/media/media_figure.hbs +2 -5
  6. package/dist/views/components/teaser/components/teaser_av_consumption.hbs +5 -5
  7. package/dist/views/components/teaser/components/teaser_image.hbs +1 -1
  8. package/dist/views/components/teaser/components/teaser_media_player.hbs +4 -3
  9. package/dist/views_static/components/button/utilities/button_on_image_classes.hbs +0 -3
  10. package/dist/views_static/components/content/content_footer/content_footer.hbs +54 -32
  11. package/dist/views_static/components/content/copytext/components/media/media_figure.hbs +2 -5
  12. package/dist/views_static/components/teaser/components/teaser_av_consumption.hbs +5 -5
  13. package/dist/views_static/components/teaser/components/teaser_image.hbs +1 -1
  14. package/dist/views_static/components/teaser/components/teaser_media_player.hbs +4 -3
  15. package/package.json +1 -1
  16. package/src/assets/fixtures/content/content_footer/content_footer.json +42 -1
  17. package/src/assets/fixtures/content/copytext/copytext_video.json +122 -126
  18. package/src/stories/views/components/button/utilities/button_on_image_classes.hbs +0 -3
  19. package/src/stories/views/components/content/content_footer/content_footer.hbs +54 -32
  20. package/src/stories/views/components/content/content_footer/fixtures/content_footer.json +1 -1
  21. package/src/stories/views/components/content/copytext/components/media/media_figure.hbs +2 -5
  22. package/src/stories/views/components/content/copytext/fixtures/copytext_video.json +1 -1
  23. package/src/stories/views/components/teaser/components/teaser_av_consumption.hbs +5 -5
  24. package/src/stories/views/components/teaser/components/teaser_image.hbs +1 -1
  25. package/src/stories/views/components/teaser/components/teaser_media_player.hbs +4 -3
  26. package/dist/views/components/content/copytext/components/video/video_element.hbs +0 -15
  27. package/dist/views/components/content/copytext/components/video/video_element_ondemand.hbs +0 -23
  28. package/dist/views_static/components/content/copytext/components/video/video_element.hbs +0 -15
  29. package/dist/views_static/components/content/copytext/components/video/video_element_ondemand.hbs +0 -23
  30. package/src/stories/views/components/content/copytext/components/video/video_element.hbs +0 -15
  31. package/src/stories/views/components/content/copytext/components/video/video_element_ondemand.hbs +0 -23
@@ -1,23 +0,0 @@
1
- <div x-show="avStart" x-cloak id="{{this.ardPlayerConfig.playerId}}" class="ar-16-9 h-full {{~#if _addClassImg}} {{_addClassImg}}{{/if}} {{#if _isTeaser}} z-20{{/if}} js-load {{if _cypressHook _cypressHook 'js-media-element'}} js-video-livestream cy-mediaplayer" data-hr-mediaplayer-loader='{{json this.ardPlayerJsonConfig}}'>
2
- </div>
3
- {{#if _isTeaser}}
4
- <div class="relative flex items-center justify-center ar-16-9" x-show="!avStart" >
5
- {{#unless _hideGeotag}}
6
- {{~#with _geotag}}
7
- {{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../_teaserSize _isMobile1to1=../_isMobile1to1}}
8
- {{/with~}}
9
- {{/unless}}
10
- {{#with _teaser}}
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.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg=(appendToDefault ../../_addClassImg-adjust_context "ar__content ") _noDelay=this.dontLazyload ~}}
13
- {{#if this.isTickerTeaser}}</a>
14
- {{else}}
15
- {{~> components/base/image/responsive_image this.content.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg=(appendToDefault ../../_addClassImg-adjust_context "ar__content ") _noDelay=this.dontLazyload ~}}
16
- {{/if}}
17
- {{/with}}
18
-
19
- {{#with this}}
20
- {{> components/mediaplayer/mediaplayer_button _isLivestream=_isLivestream _icon=_mediaButtonIcon _label=_mediaButtonLabel _teaserSize=_teaserSize _teaserType=_teaserType _isMobile1to1=_isMobile1to1}}
21
- {{/with}}
22
- </div>
23
- {{/if}}
@@ -1,15 +0,0 @@
1
- {{> components/content/copytext/components/video/video_element_ondemand this.toModel.videoElement
2
- _isSinglePage=_isSinglePage
3
- _isCopyText=_isCopyText
4
- _isTeaser=_isTeaser
5
- _teaser=_teaser
6
- _poster=_poster
7
- _geotag=_geotag
8
- _hideGeotag=_hideGeotag
9
- _posterImageVariant=_posterImageVariant
10
- _posterImageType=_posterImageType
11
- _noDelay=_noDelay
12
- _cypressHook="js-video-ondemand"
13
- _mediaButtonIcon="play_button"
14
- _mediaButtonLabel="Video" }}
15
-
@@ -1,23 +0,0 @@
1
- <div x-show="avStart" x-cloak id="{{this.ardPlayerConfig.playerId}}" class="ar-16-9 h-full {{~#if _addClassImg}} {{_addClassImg}}{{/if}} {{#if _isTeaser}} z-20{{/if}} js-load {{if _cypressHook _cypressHook 'js-media-element'}} js-video-livestream cy-mediaplayer" data-hr-mediaplayer-loader='{{json this.ardPlayerJsonConfig}}'>
2
- </div>
3
- {{#if _isTeaser}}
4
- <div class="relative flex items-center justify-center ar-16-9" x-show="!avStart" >
5
- {{#unless _hideGeotag}}
6
- {{~#with _geotag}}
7
- {{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../_teaserSize _isMobile1to1=../_isMobile1to1}}
8
- {{/with~}}
9
- {{/unless}}
10
- {{#with _teaser}}
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.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg=(appendToDefault _addClassImg "ar__content ") _noDelay=this.dontLazyload ~}}
13
- {{#if this.isTickerTeaser}}</a>
14
- {{else}}
15
- {{~> components/base/image/responsive_image this.content.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg=(appendToDefault _addClassImg "ar__content ") _noDelay=this.dontLazyload ~}}
16
- {{/if}}
17
- {{/with}}
18
-
19
- {{#with this}}
20
- {{> components/mediaplayer/mediaplayer_button _isLivestream=_isLivestream _icon=_mediaButtonIcon _label=_mediaButtonLabel _teaserSize=_teaserSize _teaserType=_teaserType _isMobile1to1=_isMobile1to1}}
21
- {{/with}}
22
- </div>
23
- {{/if}}
@@ -1,15 +0,0 @@
1
- {{> components/content/copytext/components/video/video_element_ondemand this.toModel.videoElement
2
- _isSinglePage=_isSinglePage
3
- _isCopyText=_isCopyText
4
- _isTeaser=_isTeaser
5
- _teaser=_teaser
6
- _poster=_poster
7
- _geotag=_geotag
8
- _hideGeotag=_hideGeotag
9
- _posterImageVariant=_posterImageVariant
10
- _posterImageType=_posterImageType
11
- _noDelay=_noDelay
12
- _cypressHook="js-video-ondemand"
13
- _mediaButtonIcon="play_button"
14
- _mediaButtonLabel="Video" }}
15
-
@@ -1,23 +0,0 @@
1
- <div x-show="avStart" x-cloak id="{{this.ardPlayerConfig.playerId}}" class="ar-16-9 h-full {{~#if _addClassImg}} {{_addClassImg}}{{/if}} {{#if _isTeaser}} z-20{{/if}} js-load {{if _cypressHook _cypressHook 'js-media-element'}} js-video-livestream cy-mediaplayer" data-hr-mediaplayer-loader='{{json this.ardPlayerJsonConfig}}'>
2
- </div>
3
- {{#if _isTeaser}}
4
- <div class="relative flex items-center justify-center ar-16-9" x-show="!avStart" >
5
- {{#unless _hideGeotag}}
6
- {{~#with _geotag}}
7
- {{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../_teaserSize _isMobile1to1=../_isMobile1to1}}
8
- {{/with~}}
9
- {{/unless}}
10
- {{#with _teaser}}
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.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg=(appendToDefault _addClassImg-adjust_context "ar__content ") _noDelay=this.dontLazyload ~}}
13
- {{#if this.isTickerTeaser}}</a>
14
- {{else}}
15
- {{~> components/base/image/responsive_image this.content.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.content.imageVariant this.content.imageVariant '100-copytext') _addClassImg=(appendToDefault _addClassImg-adjust_context "ar__content ") _noDelay=this.dontLazyload ~}}
16
- {{/if}}
17
- {{/with}}
18
-
19
- {{#with this}}
20
- {{> components/mediaplayer/mediaplayer_button _isLivestream=_isLivestream _icon=_mediaButtonIcon _label=_mediaButtonLabel _teaserSize=_teaserSize _teaserType=_teaserType _isMobile1to1=_isMobile1to1}}
21
- {{/with}}
22
- </div>
23
- {{/if}}