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.
- package/CHANGELOG.md +25 -0
- package/dist/assets/index.css +3 -3
- package/dist/views/components/button/utilities/button_on_image_classes.hbs +0 -3
- package/dist/views/components/content/content_footer/content_footer.hbs +54 -32
- package/dist/views/components/content/copytext/components/media/media_figure.hbs +2 -5
- package/dist/views/components/teaser/components/teaser_av_consumption.hbs +5 -5
- package/dist/views/components/teaser/components/teaser_image.hbs +1 -1
- package/dist/views/components/teaser/components/teaser_media_player.hbs +4 -3
- package/dist/views_static/components/button/utilities/button_on_image_classes.hbs +0 -3
- package/dist/views_static/components/content/content_footer/content_footer.hbs +54 -32
- package/dist/views_static/components/content/copytext/components/media/media_figure.hbs +2 -5
- package/dist/views_static/components/teaser/components/teaser_av_consumption.hbs +5 -5
- package/dist/views_static/components/teaser/components/teaser_image.hbs +1 -1
- package/dist/views_static/components/teaser/components/teaser_media_player.hbs +4 -3
- package/package.json +1 -1
- package/src/assets/fixtures/content/content_footer/content_footer.json +42 -1
- package/src/assets/fixtures/content/copytext/copytext_video.json +122 -126
- package/src/stories/views/components/button/utilities/button_on_image_classes.hbs +0 -3
- package/src/stories/views/components/content/content_footer/content_footer.hbs +54 -32
- package/src/stories/views/components/content/content_footer/fixtures/content_footer.json +1 -1
- package/src/stories/views/components/content/copytext/components/media/media_figure.hbs +2 -5
- package/src/stories/views/components/content/copytext/fixtures/copytext_video.json +1 -1
- package/src/stories/views/components/teaser/components/teaser_av_consumption.hbs +5 -5
- package/src/stories/views/components/teaser/components/teaser_image.hbs +1 -1
- package/src/stories/views/components/teaser/components/teaser_media_player.hbs +4 -3
- package/dist/views/components/content/copytext/components/video/video_element.hbs +0 -15
- package/dist/views/components/content/copytext/components/video/video_element_ondemand.hbs +0 -23
- package/dist/views_static/components/content/copytext/components/video/video_element.hbs +0 -15
- package/dist/views_static/components/content/copytext/components/video/video_element_ondemand.hbs +0 -23
- package/src/stories/views/components/content/copytext/components/video/video_element.hbs +0 -15
- package/src/stories/views/components/content/copytext/components/video/video_element_ondemand.hbs +0 -23
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,28 @@
|
|
|
1
|
+
# v1.72.0 (Tue Jun 18 2024)
|
|
2
|
+
|
|
3
|
+
#### 🚀 Enhancement
|
|
4
|
+
|
|
5
|
+
- new template for new content_footer [#951](https://github.com/mumprod/hr-design-system-handlebars/pull/951) ([@StefanVesper](https://github.com/StefanVesper))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.71.0 (Tue Jun 18 2024)
|
|
14
|
+
|
|
15
|
+
#### 🚀 Enhancement
|
|
16
|
+
|
|
17
|
+
- Feature/dpe 3023 [#950](https://github.com/mumprod/hr-design-system-handlebars/pull/950) ([@szuelch](https://github.com/szuelch) [@ampersand83](https://github.com/ampersand83))
|
|
18
|
+
|
|
19
|
+
#### Authors: 2
|
|
20
|
+
|
|
21
|
+
- [@ampersand83](https://github.com/ampersand83)
|
|
22
|
+
- [@szuelch](https://github.com/szuelch)
|
|
23
|
+
|
|
24
|
+
---
|
|
25
|
+
|
|
1
26
|
# v1.70.11 (Mon Jun 17 2024)
|
|
2
27
|
|
|
3
28
|
#### 🐛 Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -3365,7 +3365,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3365
3365
|
border-bottom-color: var(--color-secondary-ds);
|
|
3366
3366
|
}
|
|
3367
3367
|
.counter-reset {
|
|
3368
|
-
counter-reset:
|
|
3368
|
+
counter-reset: cnt1718706982245;
|
|
3369
3369
|
}
|
|
3370
3370
|
.hyphens-auto {
|
|
3371
3371
|
-webkit-hyphens: auto;
|
|
@@ -3744,7 +3744,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3744
3744
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
3745
3745
|
}
|
|
3746
3746
|
.-ordered {
|
|
3747
|
-
counter-increment:
|
|
3747
|
+
counter-increment: cnt1718706982245 1;
|
|
3748
3748
|
}
|
|
3749
3749
|
.-ordered::before {
|
|
3750
3750
|
position: absolute;
|
|
@@ -3760,7 +3760,7 @@ article.indexTextDS .indexTextHighlighted .link {
|
|
|
3760
3760
|
letter-spacing: .0125em;
|
|
3761
3761
|
--tw-text-opacity: 1;
|
|
3762
3762
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
3763
|
-
content: counter(
|
|
3763
|
+
content: counter(cnt1718706982245);
|
|
3764
3764
|
}
|
|
3765
3765
|
/*! ****************************/
|
|
3766
3766
|
/*! DataPolicy stuff */
|
|
@@ -1,17 +1,54 @@
|
|
|
1
|
-
<footer class="flex flex-col mt-10 text-xs md:text-sm
|
|
2
|
-
{{
|
|
3
|
-
<p>
|
|
4
|
-
|
|
1
|
+
<footer class="flex flex-col mt-10 text-xs md:text-sm text-gray-scorpion dark:text-text-dark font-headingSerif{{#if _addClass}} {{_addClass}}{{/if}}">
|
|
2
|
+
{{#with this.editorialStaffItems}}
|
|
3
|
+
<p class="">
|
|
4
|
+
Redaktion:
|
|
5
|
+
{{#each this}}
|
|
6
|
+
{{#if this.hasProfileLink}}
|
|
7
|
+
{{#>components/base/link _link=this.link _css="" }}
|
|
8
|
+
<span>{{../this.authorName~}}</span>{{/components/base/link}}{{#with
|
|
9
|
+
this.textAfterAuthor}} {{this}}{{/with}}{{this.delimiter}}
|
|
10
|
+
{{else}}
|
|
11
|
+
{{this.from}}{{#with this.textAfterAuthor}} {{this}}{{/with}}{{this.delimiter}}
|
|
12
|
+
{{/if}}
|
|
13
|
+
{{/each}}
|
|
5
14
|
</p>
|
|
15
|
+
{{/with}}
|
|
16
|
+
{{~#with this.programReferenceAlt~}}
|
|
17
|
+
{{~#if this.hasReference~}}
|
|
18
|
+
<div class="">
|
|
19
|
+
Sendung:
|
|
20
|
+
{{#if this.link}}
|
|
21
|
+
{{#>components/base/link _link=this.link }}
|
|
22
|
+
<span class='hover:underline'>
|
|
23
|
+
{{this.title}} {{#if this.date}}
|
|
24
|
+
<time datetime="{{#if this.displayWithTime}}{{this.date.htmlDateTime}}{{else}}{{this.date.date}}{{/if}}"
|
|
25
|
+
class="{{#if _isArticle}}{{else}}{{/if}} ">
|
|
26
|
+
{{#if this.displayWithTime}}
|
|
27
|
+
{{loca "date_simple_at" this.date.dateSeparatorTime}}
|
|
28
|
+
{{else}}
|
|
29
|
+
{{this.date.date}}
|
|
30
|
+
{{/if}}
|
|
31
|
+
</time>
|
|
32
|
+
{{/if}}
|
|
33
|
+
</span>
|
|
34
|
+
{{/components/base/link}}
|
|
35
|
+
{{else}}
|
|
36
|
+
<span class=''>{{this.title}} {{#if this.date}}
|
|
37
|
+
<time datetime="{{#if this.displayWithTime}}{{this.date.htmlDateTime}}{{else}}{{this.date.date}}{{/if}}"
|
|
38
|
+
class="{{#if _isArticle}}{{else}}{{/if}} ">
|
|
39
|
+
{{#if this.displayWithTime}}
|
|
40
|
+
{{loca "date_simple_at" this.date.dateSeparatorTime}}
|
|
41
|
+
{{else}}
|
|
42
|
+
{{this.date.date}}
|
|
43
|
+
{{/if}}
|
|
44
|
+
</time>
|
|
45
|
+
{{/if}}
|
|
46
|
+
|
|
47
|
+
</span>
|
|
48
|
+
{{/if}}
|
|
49
|
+
</div>
|
|
50
|
+
{{~/if~}}
|
|
6
51
|
{{~/with~}}
|
|
7
|
-
{{#if _showDate ~}}
|
|
8
|
-
{{#with _date}}
|
|
9
|
-
<p>
|
|
10
|
-
<time datetime="{{this.htmlDateTime}}">{{loca "date_published" this.date this.time }}</time>
|
|
11
|
-
</p>
|
|
12
|
-
{{/with~}}
|
|
13
|
-
{{/if}}
|
|
14
|
-
|
|
15
52
|
{{~#with _source}}
|
|
16
53
|
<p>
|
|
17
54
|
{{~loca "copyright_source"~}}
|
|
@@ -20,31 +57,16 @@
|
|
|
20
57
|
{{/each~}}
|
|
21
58
|
</p>
|
|
22
59
|
{{/with~}}
|
|
23
|
-
|
|
24
|
-
{{~#with _copyright ~}}
|
|
25
|
-
<p>
|
|
26
|
-
{{~loca "copyright_source"}} {{loca "copyright_symbol" this ~}}
|
|
27
|
-
</p>
|
|
28
|
-
{{~/with~}}
|
|
29
|
-
|
|
30
60
|
{{~#if _isArchiveContent}}
|
|
31
61
|
<p>
|
|
32
62
|
{{loca "archive_content"}}
|
|
33
63
|
</p>
|
|
34
64
|
{{/if}}
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
{{~#with ../teaseritem.copyrightWithLinks}}
|
|
65
|
+
{{#if _showDate ~}}
|
|
66
|
+
{{#with _date}}
|
|
38
67
|
<p>
|
|
39
|
-
{{
|
|
68
|
+
<time datetime="{{this.htmlDateTime}}">{{loca "date_published" this.date this.time }}</time>
|
|
40
69
|
</p>
|
|
41
|
-
{{
|
|
42
|
-
{{
|
|
43
|
-
|
|
44
|
-
<!-- TODO teaseritem.copyrightWithLinks dont work in gallery, generalize model -->
|
|
45
|
-
{{~#with _galleryCopyright ~}}
|
|
46
|
-
<p>
|
|
47
|
-
{{~loca this ../copyrightWithLinks}}
|
|
48
|
-
</p>
|
|
49
|
-
{{~/with~}}
|
|
70
|
+
{{/with~}}
|
|
71
|
+
{{/if}}
|
|
50
72
|
</footer>
|
|
@@ -17,11 +17,8 @@
|
|
|
17
17
|
</figcaption>
|
|
18
18
|
{{/unless}}
|
|
19
19
|
{{#if this.isVideo}}
|
|
20
|
-
{{
|
|
21
|
-
|
|
22
|
-
{{else}}
|
|
23
|
-
{{~> components/content/copytext/components/video/video_element _isCopyText=true _teaser=this _isTeaser=true _fullSize=_fullSize _addClassVideo="ar__content" _mediaMetadata=true~}}
|
|
24
|
-
{{/if}}
|
|
20
|
+
{{~> components/mediaplayer/media_player this.toModel.videoElement _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=_addClassImg ~}}
|
|
21
|
+
{{~> components/teaser/components/teaser_media_player this _css="flex items-center justify-center" _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio="ar-16-9" _noDelay=(if _isLead true false)}}
|
|
25
22
|
{{/if}}
|
|
26
23
|
{{#unless _voting-option}}
|
|
27
24
|
{{#with this.teaseritem}}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
{{#with this.toModel.videoElement}}
|
|
4
4
|
{{~> components/mediaplayer/media_player _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
|
|
5
5
|
{{#with ../../this}}
|
|
6
|
-
{{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=../../_aspectRatio-adjust_context}}
|
|
6
|
+
{{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=../../_aspectRatio-adjust_context _noDelay=this.dontLazyload}}
|
|
7
7
|
{{/with}}
|
|
8
8
|
{{#if ../../_isMobile1to1~}}
|
|
9
9
|
{{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
{{#with this.toModel.audioElement}}
|
|
15
15
|
{{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
|
|
16
16
|
{{#with ../../this}}
|
|
17
|
-
{{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _aspectRatio=../../_aspectRatio-adjust_context}}
|
|
17
|
+
{{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _aspectRatio=../../_aspectRatio-adjust_context _noDelay=this.dontLazyload}}
|
|
18
18
|
{{/with}}
|
|
19
19
|
{{#if ../../_isMobile1to1~}}
|
|
20
20
|
{{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
{{#with this.toModel.audioElement}}
|
|
26
26
|
{{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
|
|
27
27
|
{{#with ../../this}}
|
|
28
|
-
{{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Podcast" _aspectRatio=../../_aspectRatio-adjust_context}}
|
|
28
|
+
{{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Podcast" _aspectRatio=../../_aspectRatio-adjust_context _noDelay=this.dontLazyload}}
|
|
29
29
|
{{/with}}
|
|
30
30
|
{{#if ../../_isMobile1to1~}}
|
|
31
31
|
{{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
{{#with this.toModel.audioLivestreamElement}}
|
|
37
37
|
{{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-livestream-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
|
|
38
38
|
{{#with ../../this}}
|
|
39
|
-
{{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=../../_aspectRatio-adjust_context}}
|
|
39
|
+
{{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=../../_aspectRatio-adjust_context _noDelay=this.dontLazyload}}
|
|
40
40
|
{{/with}}
|
|
41
41
|
{{#if ../../_isMobile1to1~}}
|
|
42
42
|
{{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
{{#with this.toModel.videoLivestreamElement}}
|
|
48
48
|
{{~> components/mediaplayer/media_player _uiTestHook="ui-test-video-livestream-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
|
|
49
49
|
{{#with ../../this}}
|
|
50
|
-
{{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=../../_aspectRatio-adjust_context}}
|
|
50
|
+
{{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=../../_aspectRatio-adjust_context _noDelay=this.dontLazyload}}
|
|
51
51
|
{{/with}}
|
|
52
52
|
{{#if ../../_isMobile1to1~}}
|
|
53
53
|
{{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
{{#if this.isProgram}}
|
|
9
9
|
{{#if this.showMediatheksLink}}
|
|
10
10
|
{{#with this}}
|
|
11
|
-
{{> components/base/image/icon _icon="play_button" _addClass="text-media-button fill-white hover:fill-media-button w-10 h-10 inline"}}
|
|
11
|
+
{{> components/base/image/icon _icon="play_button" _addClass="text-media-button fill-white hover:fill-media-button w-10 h-10 inline bottom-0 right-0"}}
|
|
12
12
|
{{#*inline "css"~}}
|
|
13
13
|
{{~> components/button/utilities/button_on_image_classes _teaserSize=this.teaserSize _teaserType=this.teaserType _isMobile1to1=../../_isMobile1to1-adjust_context}}
|
|
14
14
|
{{/inline}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<div class="relative {{_aspectRatio}}" x-show="!avStart" >
|
|
1
|
+
<div class="relative{{#if _css}} {{_css}}{{/if}} {{_aspectRatio}}" x-show="!avStart" >
|
|
2
2
|
{{#unless this.hideGeotag}}
|
|
3
3
|
{{~#with this.geotag}}
|
|
4
4
|
{{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../this.teaserSize _isMobile1to1=../this.isMobile1to1}}
|
|
@@ -6,10 +6,11 @@
|
|
|
6
6
|
{{/unless}}
|
|
7
7
|
|
|
8
8
|
{{#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}}
|
|
9
|
-
|
|
9
|
+
{{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.imageVariant this.imageVariant '100-copytext') _addClassImg=(appendToDefault ../../_addClassImg-adjust_context "ar__content ") _noDelay=../../_noDelay-adjust_context ~}}
|
|
10
10
|
{{#if this.isTickerTeaser}}</a>{{/if}}
|
|
11
11
|
|
|
12
|
+
|
|
12
13
|
{{#with this}}
|
|
13
|
-
{{> components/mediaplayer/mediaplayer_button _isLivestream=_isLivestream _icon=_mediaButtonIcon _label=_mediaButtonLabel _teaserSize=this.teaserSize _teaserType=this.teaserType _isMobile1to1=this.isMobile1to1}}
|
|
14
|
+
{{> components/mediaplayer/mediaplayer_button _css=(if _isUsedInCopytext "" "bottom-0 right-0") _isLivestream=_isLivestream _icon=_mediaButtonIcon _label=_mediaButtonLabel _teaserSize=this.teaserSize _teaserType=this.teaserType _isMobile1to1=this.isMobile1to1}}
|
|
14
15
|
{{/with}}
|
|
15
16
|
</div>
|
|
@@ -1,17 +1,54 @@
|
|
|
1
|
-
<footer class="flex flex-col mt-10 text-xs md:text-sm
|
|
2
|
-
{{
|
|
3
|
-
<p>
|
|
4
|
-
|
|
1
|
+
<footer class="flex flex-col mt-10 text-xs md:text-sm text-gray-scorpion dark:text-text-dark font-headingSerif{{#if _addClass}} {{_addClass}}{{/if}}">
|
|
2
|
+
{{#with this.editorialStaffItems}}
|
|
3
|
+
<p class="">
|
|
4
|
+
Redaktion:
|
|
5
|
+
{{#each this}}
|
|
6
|
+
{{#if this.hasProfileLink}}
|
|
7
|
+
{{#>components/base/link _link=this.link _css="" }}
|
|
8
|
+
<span>{{../this.authorName~}}</span>{{/components/base/link}}{{#with
|
|
9
|
+
this.textAfterAuthor}} {{this}}{{/with}}{{this.delimiter}}
|
|
10
|
+
{{else}}
|
|
11
|
+
{{this.from}}{{#with this.textAfterAuthor}} {{this}}{{/with}}{{this.delimiter}}
|
|
12
|
+
{{/if}}
|
|
13
|
+
{{/each}}
|
|
5
14
|
</p>
|
|
15
|
+
{{/with}}
|
|
16
|
+
{{~#with this.programReferenceAlt~}}
|
|
17
|
+
{{~#if this.hasReference~}}
|
|
18
|
+
<div class="">
|
|
19
|
+
Sendung:
|
|
20
|
+
{{#if this.link}}
|
|
21
|
+
{{#>components/base/link _link=this.link }}
|
|
22
|
+
<span class='hover:underline'>
|
|
23
|
+
{{this.title}} {{#if this.date}}
|
|
24
|
+
<time datetime="{{#if this.displayWithTime}}{{this.date.htmlDateTime}}{{else}}{{this.date.date}}{{/if}}"
|
|
25
|
+
class="{{#if _isArticle}}{{else}}{{/if}} ">
|
|
26
|
+
{{#if this.displayWithTime}}
|
|
27
|
+
{{loca "date_simple_at" this.date.dateSeparatorTime}}
|
|
28
|
+
{{else}}
|
|
29
|
+
{{this.date.date}}
|
|
30
|
+
{{/if}}
|
|
31
|
+
</time>
|
|
32
|
+
{{/if}}
|
|
33
|
+
</span>
|
|
34
|
+
{{/components/base/link}}
|
|
35
|
+
{{else}}
|
|
36
|
+
<span class=''>{{this.title}} {{#if this.date}}
|
|
37
|
+
<time datetime="{{#if this.displayWithTime}}{{this.date.htmlDateTime}}{{else}}{{this.date.date}}{{/if}}"
|
|
38
|
+
class="{{#if _isArticle}}{{else}}{{/if}} ">
|
|
39
|
+
{{#if this.displayWithTime}}
|
|
40
|
+
{{loca "date_simple_at" this.date.dateSeparatorTime}}
|
|
41
|
+
{{else}}
|
|
42
|
+
{{this.date.date}}
|
|
43
|
+
{{/if}}
|
|
44
|
+
</time>
|
|
45
|
+
{{/if}}
|
|
46
|
+
|
|
47
|
+
</span>
|
|
48
|
+
{{/if}}
|
|
49
|
+
</div>
|
|
50
|
+
{{~/if~}}
|
|
6
51
|
{{~/with~}}
|
|
7
|
-
{{#if _showDate ~}}
|
|
8
|
-
{{#with _date}}
|
|
9
|
-
<p>
|
|
10
|
-
<time datetime="{{this.htmlDateTime}}">{{loca "date_published" this.date this.time }}</time>
|
|
11
|
-
</p>
|
|
12
|
-
{{/with~}}
|
|
13
|
-
{{/if}}
|
|
14
|
-
|
|
15
52
|
{{~#with _source}}
|
|
16
53
|
<p>
|
|
17
54
|
{{~loca "copyright_source"~}}
|
|
@@ -20,31 +57,16 @@
|
|
|
20
57
|
{{/each~}}
|
|
21
58
|
</p>
|
|
22
59
|
{{/with~}}
|
|
23
|
-
|
|
24
|
-
{{~#with _copyright ~}}
|
|
25
|
-
<p>
|
|
26
|
-
{{~loca "copyright_source"}} {{loca "copyright_symbol" this ~}}
|
|
27
|
-
</p>
|
|
28
|
-
{{~/with~}}
|
|
29
|
-
|
|
30
60
|
{{~#if _isArchiveContent}}
|
|
31
61
|
<p>
|
|
32
62
|
{{loca "archive_content"}}
|
|
33
63
|
</p>
|
|
34
64
|
{{/if}}
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
{{~#with ../teaseritem.copyrightWithLinks}}
|
|
65
|
+
{{#if _showDate ~}}
|
|
66
|
+
{{#with _date}}
|
|
38
67
|
<p>
|
|
39
|
-
{{
|
|
68
|
+
<time datetime="{{this.htmlDateTime}}">{{loca "date_published" this.date this.time }}</time>
|
|
40
69
|
</p>
|
|
41
|
-
{{
|
|
42
|
-
{{
|
|
43
|
-
|
|
44
|
-
<!-- TODO teaseritem.copyrightWithLinks dont work in gallery, generalize model -->
|
|
45
|
-
{{~#with _galleryCopyright ~}}
|
|
46
|
-
<p>
|
|
47
|
-
{{~loca this ../copyrightWithLinks}}
|
|
48
|
-
</p>
|
|
49
|
-
{{~/with~}}
|
|
70
|
+
{{/with~}}
|
|
71
|
+
{{/if}}
|
|
50
72
|
</footer>
|
|
@@ -17,11 +17,8 @@
|
|
|
17
17
|
</figcaption>
|
|
18
18
|
{{/unless}}
|
|
19
19
|
{{#if this.isVideo}}
|
|
20
|
-
{{
|
|
21
|
-
|
|
22
|
-
{{else}}
|
|
23
|
-
{{~> components/content/copytext/components/video/video_element _isCopyText=true _teaser=this _isTeaser=true _fullSize=_fullSize _addClassVideo="ar__content" _mediaMetadata=true~}}
|
|
24
|
-
{{/if}}
|
|
20
|
+
{{~> components/mediaplayer/media_player this.toModel.videoElement _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=_addClassImg ~}}
|
|
21
|
+
{{~> components/teaser/components/teaser_media_player this _css="flex items-center justify-center" _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio="ar-16-9" _noDelay=(if _isLead true false)}}
|
|
25
22
|
{{/if}}
|
|
26
23
|
{{#unless _voting-option}}
|
|
27
24
|
{{#with this.teaseritem}}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
{{#with this.toModel.videoElement}}
|
|
4
4
|
{{~> components/mediaplayer/media_player _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
|
|
5
5
|
{{#with ../../this}}
|
|
6
|
-
{{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=_aspectRatio}}
|
|
6
|
+
{{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=_aspectRatio _noDelay=this.dontLazyload}}
|
|
7
7
|
{{/with}}
|
|
8
8
|
{{#if ../../_isMobile1to1~}}
|
|
9
9
|
{{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
{{#with this.toModel.audioElement}}
|
|
15
15
|
{{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
|
|
16
16
|
{{#with ../../this}}
|
|
17
|
-
{{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _aspectRatio=_aspectRatio}}
|
|
17
|
+
{{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _aspectRatio=_aspectRatio _noDelay=this.dontLazyload}}
|
|
18
18
|
{{/with}}
|
|
19
19
|
{{#if ../../_isMobile1to1~}}
|
|
20
20
|
{{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
{{#with this.toModel.audioElement}}
|
|
26
26
|
{{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
|
|
27
27
|
{{#with ../../this}}
|
|
28
|
-
{{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Podcast" _aspectRatio=_aspectRatio}}
|
|
28
|
+
{{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Podcast" _aspectRatio=_aspectRatio _noDelay=this.dontLazyload}}
|
|
29
29
|
{{/with}}
|
|
30
30
|
{{#if ../../_isMobile1to1~}}
|
|
31
31
|
{{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
{{#with this.toModel.audioLivestreamElement}}
|
|
37
37
|
{{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-livestream-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
|
|
38
38
|
{{#with ../../this}}
|
|
39
|
-
{{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=_aspectRatio}}
|
|
39
|
+
{{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=_aspectRatio _noDelay=this.dontLazyload}}
|
|
40
40
|
{{/with}}
|
|
41
41
|
{{#if ../../_isMobile1to1~}}
|
|
42
42
|
{{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
{{#with this.toModel.videoLivestreamElement}}
|
|
48
48
|
{{~> components/mediaplayer/media_player _uiTestHook="ui-test-video-livestream-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
|
|
49
49
|
{{#with ../../this}}
|
|
50
|
-
{{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=_aspectRatio}}
|
|
50
|
+
{{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=_aspectRatio _noDelay=this.dontLazyload}}
|
|
51
51
|
{{/with}}
|
|
52
52
|
{{#if ../../_isMobile1to1~}}
|
|
53
53
|
{{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
{{#if this.isProgram}}
|
|
9
9
|
{{#if this.showMediatheksLink}}
|
|
10
10
|
{{#with this}}
|
|
11
|
-
{{> components/base/image/icon _icon="play_button" _addClass="text-media-button fill-white hover:fill-media-button w-10 h-10 inline"}}
|
|
11
|
+
{{> components/base/image/icon _icon="play_button" _addClass="text-media-button fill-white hover:fill-media-button w-10 h-10 inline bottom-0 right-0"}}
|
|
12
12
|
{{#*inline "css"~}}
|
|
13
13
|
{{~> components/button/utilities/button_on_image_classes _teaserSize=this.teaserSize _teaserType=this.teaserType _isMobile1to1=_isMobile1to1}}
|
|
14
14
|
{{/inline}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<div class="relative {{_aspectRatio}}" x-show="!avStart" >
|
|
1
|
+
<div class="relative{{#if _css}} {{_css}}{{/if}} {{_aspectRatio}}" x-show="!avStart" >
|
|
2
2
|
{{#unless this.hideGeotag}}
|
|
3
3
|
{{~#with this.geotag}}
|
|
4
4
|
{{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../this.teaserSize _isMobile1to1=../this.isMobile1to1}}
|
|
@@ -6,10 +6,11 @@
|
|
|
6
6
|
{{/unless}}
|
|
7
7
|
|
|
8
8
|
{{#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}}
|
|
9
|
-
|
|
9
|
+
{{~> components/base/image/responsive_image this.teaserImage _type=(if this.teaserType this.teaserType 'story') _variant=(if this.imageVariant this.imageVariant '100-copytext') _addClassImg=(appendToDefault _addClassImg "ar__content ") _noDelay=_noDelay ~}}
|
|
10
10
|
{{#if this.isTickerTeaser}}</a>{{/if}}
|
|
11
11
|
|
|
12
|
+
|
|
12
13
|
{{#with this}}
|
|
13
|
-
{{> components/mediaplayer/mediaplayer_button _isLivestream=_isLivestream _icon=_mediaButtonIcon _label=_mediaButtonLabel _teaserSize=this.teaserSize _teaserType=this.teaserType _isMobile1to1=this.isMobile1to1}}
|
|
14
|
+
{{> components/mediaplayer/mediaplayer_button _css=(if _isUsedInCopytext "" "bottom-0 right-0") _isLivestream=_isLivestream _icon=_mediaButtonIcon _label=_mediaButtonLabel _teaserSize=this.teaserSize _teaserType=this.teaserType _isMobile1to1=this.isMobile1to1}}
|
|
14
15
|
{{/with}}
|
|
15
16
|
</div>
|
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.
|
|
9
|
+
"version": "1.72.0",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -8,8 +8,49 @@
|
|
|
8
8
|
"dateSeparatorTime": "31.10.22, 19:30"
|
|
9
9
|
},
|
|
10
10
|
"_hasDwellTime": true,
|
|
11
|
+
"_isArticle": true,
|
|
11
12
|
"_copyright": "All rights reserved",
|
|
12
13
|
"_source": ["DPA","Wikipedia"],
|
|
13
14
|
"_author": "Anna Magel",
|
|
14
|
-
"_isArchiveContent": true
|
|
15
|
+
"_isArchiveContent": true,
|
|
16
|
+
"editorialStaffItems": [
|
|
17
|
+
{
|
|
18
|
+
"hasProfileLink": false,
|
|
19
|
+
"from": "",
|
|
20
|
+
"textAfterAuthor": "Horst Schlämmer",
|
|
21
|
+
"delimiter": ", "
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"hasProfileLink": false,
|
|
25
|
+
"from": "",
|
|
26
|
+
"textAfterAuthor": "Karl Dall",
|
|
27
|
+
"delimiter": " und "
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
"hasProfileLink": true,
|
|
31
|
+
"from": "und",
|
|
32
|
+
"authorName": "Peter Lustig",
|
|
33
|
+
"delimiter": "",
|
|
34
|
+
"link": {
|
|
35
|
+
"url": "/author-url",
|
|
36
|
+
"isTargetBlank": false
|
|
37
|
+
}
|
|
38
|
+
}],
|
|
39
|
+
"programReferenceAlt":{
|
|
40
|
+
"hasReference": true,
|
|
41
|
+
"link": {
|
|
42
|
+
"url": "/programReference-url",
|
|
43
|
+
"isTargetBlank": false
|
|
44
|
+
},
|
|
45
|
+
"name": "hr",
|
|
46
|
+
"title": "Testtitel",
|
|
47
|
+
"displayWithTime": true,
|
|
48
|
+
"date": {
|
|
49
|
+
"htmlDateTime": "2022-10-31T19:30+0200",
|
|
50
|
+
"htmlDate": "31.10.2022",
|
|
51
|
+
"date": "31.10.22",
|
|
52
|
+
"time": "19:30",
|
|
53
|
+
"dateSeparatorTime": "31.10.22, 19:30"
|
|
54
|
+
}
|
|
55
|
+
}
|
|
15
56
|
}
|