hr-design-system-handlebars 1.89.0 → 1.90.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 (12) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/dist/assets/index.css +3 -3
  3. package/dist/views/components/content/copytext/components/contentbox/contentbox.hbs +3 -3
  4. package/dist/views/components/content/copytext/components/infobox.hbs +3 -3
  5. package/dist/views/components/teaser/components/teaser_av_consumption.hbs +5 -15
  6. package/dist/views_static/components/content/copytext/components/contentbox/contentbox.hbs +3 -3
  7. package/dist/views_static/components/content/copytext/components/infobox.hbs +3 -3
  8. package/dist/views_static/components/teaser/components/teaser_av_consumption.hbs +5 -15
  9. package/package.json +1 -1
  10. package/src/stories/views/components/content/copytext/components/contentbox/contentbox.hbs +3 -3
  11. package/src/stories/views/components/content/copytext/components/infobox.hbs +3 -3
  12. package/src/stories/views/components/teaser/components/teaser_av_consumption.hbs +5 -15
package/CHANGELOG.md CHANGED
@@ -1,3 +1,28 @@
1
+ # v1.90.0 (Wed Aug 07 2024)
2
+
3
+ #### 🚀 Enhancement
4
+
5
+ - :bug: Call the mediaplayer_button component with the player id on av teasers on index pages [#1042](https://github.com/mumprod/hr-design-system-handlebars/pull/1042) ([@szuelch](https://github.com/szuelch))
6
+
7
+ #### Authors: 1
8
+
9
+ - [@szuelch](https://github.com/szuelch)
10
+
11
+ ---
12
+
13
+ # v1.89.1 (Tue Aug 06 2024)
14
+
15
+ #### 🐛 Bug Fix
16
+
17
+ - fix: reduce top margin in infobox/contentbox [#1041](https://github.com/mumprod/hr-design-system-handlebars/pull/1041) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
18
+
19
+ #### Authors: 2
20
+
21
+ - Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
22
+ - selbaciri (saad.elbaciri@hr.de)
23
+
24
+ ---
25
+
1
26
  # v1.89.0 (Tue Aug 06 2024)
2
27
 
3
28
  #### 🚀 Enhancement
package/dist/assets/index.css CHANGED
@@ -3327,7 +3327,7 @@ article.indexTextDS .indexTextHighlighted .link {
3327
3327
  border-bottom-color: var(--color-secondary-ds);
3328
3328
  }
3329
3329
  .counter-reset {
3330
- counter-reset: cnt1722950245291;
3330
+ counter-reset: cnt1723025026110;
3331
3331
  }
3332
3332
  .hyphens-auto {
3333
3333
  -webkit-hyphens: auto;
@@ -3735,7 +3735,7 @@ article.indexTextDS .indexTextHighlighted .link {
3735
3735
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3736
3736
  }
3737
3737
  .-ordered {
3738
- counter-increment: cnt1722950245291 1;
3738
+ counter-increment: cnt1723025026110 1;
3739
3739
  }
3740
3740
  .-ordered::before {
3741
3741
  position: absolute;
@@ -3751,7 +3751,7 @@ article.indexTextDS .indexTextHighlighted .link {
3751
3751
  letter-spacing: .0125em;
3752
3752
  --tw-text-opacity: 1;
3753
3753
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3754
- content: counter(cnt1722950245291);
3754
+ content: counter(cnt1723025026110);
3755
3755
  }
3756
3756
  /*! ****************************/
3757
3757
  /*! DataPolicy stuff */
package/dist/views/components/content/copytext/components/contentbox/contentbox.hbs CHANGED
@@ -33,13 +33,13 @@
33
33
  {{#each this.paragraph}}
34
34
  {{#each this.text.split}}
35
35
  {{#if this.isText}}
36
- <p class="mt-4 text-base copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
36
+ <p class="copytextParagraphDS {{#if ../../../this.title}} mt-4{{else}}{{#if ../../../this.copytextParagraph.[0].paragraphBoxItem}} mt-4{{else}}{{#if @../first}}{{#if @first}} -mt-0.5{{else}} mt-4{{/if}}{{else}} mt-4{{/if}}{{/if}}{{/if}} text-base sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
37
37
  {{/if}}
38
38
  {{#if this.isUl}}
39
- <ul class="pl-5 mt-4 overflow-hidden text-base list-disc copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
39
+ <ul class="copytextParagraphDS {{#if ../../../this.title}} mt-4{{else}}{{#if ../../../this.copytextParagraph.[0].paragraphBoxItem}} mt-4{{else}}{{#if @../first}}{{#if @first}} -mt-0.5{{else}} mt-4{{/if}}{{else}} mt-4{{/if}}{{/if}}{{/if}} overflow-hidden pl-5 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
40
40
  {{/if}}
41
41
  {{#if this.isOl}}
42
- <ol class="pl-5 mt-4 overflow-hidden text-base list-decimal copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
42
+ <ol class="copytextParagraphDS {{#if ../../../this.title}} mt-4{{else}}{{#if ../../../this.copytextParagraph.[0].paragraphBoxItem}} mt-4{{else}}{{#if @../first}}{{#if @first}} -mt-0.5{{else}} mt-4{{/if}}{{else}} mt-4{{/if}}{{/if}}{{/if}} overflow-hidden pl-5 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
43
43
  {{/if}}
44
44
  {{/each}}
45
45
  {{/each}}
package/dist/views/components/content/copytext/components/infobox.hbs CHANGED
@@ -31,13 +31,13 @@
31
31
 
32
32
  {{#each this.text.split}}
33
33
  {{#if this.isText}}
34
- <p class="mt-4 text-base copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
34
+ <p class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}} mt-4{{else}}{{#if ../this.paragraphBoxItem}} mt-4{{else}}{{#if @first}} -mt-0.5{{else}} mt-4{{/if}}{{/if}}{{/if}} text-base sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
35
35
  {{/if}}
36
36
  {{#if this.isUl}}
37
- <ul class="pl-5 mt-4 overflow-hidden text-base list-disc copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
37
+ <ul class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}} mt-4{{else}}{{#if ../this.paragraphBoxItem}} mt-4{{else}}{{#if @first}} -mt-0.5{{else}} mt-4{{/if}}{{/if}}{{/if}} overflow-hidden pl-5 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
38
38
  {{/if}}
39
39
  {{#if this.isOl}}
40
- <ol class="pl-5 mt-4 overflow-hidden text-base list-decimal copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
40
+ <ol class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}} mt-4{{else}}{{#if ../this.paragraphBoxItem}} mt-4{{else}}{{#if @first}} -mt-0.5{{else}} mt-4{{/if}}{{/if}}{{/if}} overflow-hidden pl-5 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
41
41
  {{/if}}
42
42
  {{/each}}
43
43
  {{~#block "subParagraphs"}}{{/block~}}
package/dist/views/components/teaser/components/teaser_av_consumption.hbs CHANGED
@@ -2,9 +2,7 @@
2
2
  {{~#if this.isVideoOnDemand ~}}
3
3
  {{#with this.toModel.videoElement}}
4
4
  {{~> components/mediaplayer/media_player _playerLocation="Teaser" _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
5
- {{#with ../../this}}
6
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=../../_aspectRatio-adjust_context _addClassImg=../../_addClassImg-adjust_context _noDelay=this.dontLazyload}}
7
- {{/with}}
5
+ {{~> components/teaser/components/teaser_media_player ../../this _playerId=this.ardPlayerConfig.playerId _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=../../_aspectRatio _addClassImg=../../_addClassImg _noDelay=../../this.dontLazyload}}
8
6
  {{#if ../../_isMobile1to1~}}
9
7
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
10
8
  {{~/if~}}
@@ -13,9 +11,7 @@
13
11
  {{~#if this.isAudioOnDemand ~}}
14
12
  {{#with this.toModel.audioElementForVideoView}}
15
13
  {{~> components/mediaplayer/media_player _playerLocation="Teaser" _uiTestHook="ui-test-audio-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
16
- {{#with ../../this}}
17
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _aspectRatio=../../_aspectRatio-adjust_context _addClassImg=../../_addClassImg-adjust_context _noDelay=this.dontLazyload}}
18
- {{/with}}
14
+ {{~> components/teaser/components/teaser_media_player ../../this _playerId=this.ardPlayerConfig.playerId _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _aspectRatio=../../_aspectRatio _addClassImg=../../_addClassImg _noDelay=../../this.dontLazyload}}
19
15
  {{#if ../../_isMobile1to1~}}
20
16
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
21
17
  {{~/if~}}
@@ -24,9 +20,7 @@
24
20
  {{~#if this.isPodcast ~}}
25
21
  {{#with this.toModel.audioElementForVideoView}}
26
22
  {{~> components/mediaplayer/media_player _playerLocation="Teaser" _uiTestHook="ui-test-audio-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
27
- {{#with ../../this}}
28
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Podcast" _aspectRatio=../../_aspectRatio-adjust_context _addClassImg=../../_addClassImg-adjust_context _noDelay=this.dontLazyload}}
29
- {{/with}}
23
+ {{~> components/teaser/components/teaser_media_player ../../this _playerId=this.ardPlayerConfig.playerId _mediaButtonIcon="audio_button" _mediaButtonLabel="Podcast" _aspectRatio=../../_aspectRatio _addClassImg=../../_addClassImg _noDelay=../../this.dontLazyload}}
30
24
  {{#if ../../_isMobile1to1~}}
31
25
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
32
26
  {{~/if~}}
@@ -35,9 +29,7 @@
35
29
  {{~#if this.isAudioEventLivestream ~}}
36
30
  {{#with this.toModel.audioLivestreamElementForVideoView}}
37
31
  {{~> components/mediaplayer/media_player _playerLocation="Teaser" _uiTestHook="ui-test-audio-livestream-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
38
- {{#with ../../this}}
39
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=../../_aspectRatio-adjust_context _addClassImg=../../_addClassImg-adjust_context _noDelay=this.dontLazyload}}
40
- {{/with}}
32
+ {{~> components/teaser/components/teaser_media_player ../../this _playerId=this.ardPlayerConfig.playerId _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=../../_aspectRatio _addClassImg=../../_addClassImg _noDelay=../../this.dontLazyload}}
41
33
  {{#if ../../_isMobile1to1~}}
42
34
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
43
35
  {{~/if~}}
@@ -46,9 +38,7 @@
46
38
  {{~#if this.isLivestream ~}}
47
39
  {{#with this.toModel.videoLivestreamElement}}
48
40
  {{~> components/mediaplayer/media_player _playerLocation="Teaser" _uiTestHook="ui-test-video-livestream-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
49
- {{#with ../../this}}
50
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=../../_aspectRatio-adjust_context _addClassImg=../../_addClassImg-adjust_context _noDelay=this.dontLazyload}}
51
- {{/with}}
41
+ {{~> components/teaser/components/teaser_media_player ../../this _playerId=this.ardPlayerConfig.playerId _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=../../_aspectRatio _addClassImg=../../_addClassImg _noDelay=../../this.dontLazyload}}
52
42
  {{#if ../../_isMobile1to1~}}
53
43
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
54
44
  {{~/if~}}
package/dist/views_static/components/content/copytext/components/contentbox/contentbox.hbs CHANGED
@@ -33,13 +33,13 @@
33
33
  {{#each this.paragraph}}
34
34
  {{#each this.text.split}}
35
35
  {{#if this.isText}}
36
- <p class="mt-4 text-base copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
36
+ <p class="copytextParagraphDS {{#if ../../../this.title}} mt-4{{else}}{{#if ../../../this.copytextParagraph.[0].paragraphBoxItem}} mt-4{{else}}{{#if @../first}}{{#if @first}} -mt-0.5{{else}} mt-4{{/if}}{{else}} mt-4{{/if}}{{/if}}{{/if}} text-base sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
37
37
  {{/if}}
38
38
  {{#if this.isUl}}
39
- <ul class="pl-5 mt-4 overflow-hidden text-base list-disc copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
39
+ <ul class="copytextParagraphDS {{#if ../../../this.title}} mt-4{{else}}{{#if ../../../this.copytextParagraph.[0].paragraphBoxItem}} mt-4{{else}}{{#if @../first}}{{#if @first}} -mt-0.5{{else}} mt-4{{/if}}{{else}} mt-4{{/if}}{{/if}}{{/if}} overflow-hidden pl-5 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
40
40
  {{/if}}
41
41
  {{#if this.isOl}}
42
- <ol class="pl-5 mt-4 overflow-hidden text-base list-decimal copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
42
+ <ol class="copytextParagraphDS {{#if ../../../this.title}} mt-4{{else}}{{#if ../../../this.copytextParagraph.[0].paragraphBoxItem}} mt-4{{else}}{{#if @../first}}{{#if @first}} -mt-0.5{{else}} mt-4{{/if}}{{else}} mt-4{{/if}}{{/if}}{{/if}} overflow-hidden pl-5 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
43
43
  {{/if}}
44
44
  {{/each}}
45
45
  {{/each}}
package/dist/views_static/components/content/copytext/components/infobox.hbs CHANGED
@@ -31,13 +31,13 @@
31
31
 
32
32
  {{#each this.text.split}}
33
33
  {{#if this.isText}}
34
- <p class="mt-4 text-base copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
34
+ <p class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}} mt-4{{else}}{{#if ../this.paragraphBoxItem}} mt-4{{else}}{{#if @first}} -mt-0.5{{else}} mt-4{{/if}}{{/if}}{{/if}} text-base sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
35
35
  {{/if}}
36
36
  {{#if this.isUl}}
37
- <ul class="pl-5 mt-4 overflow-hidden text-base list-disc copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
37
+ <ul class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}} mt-4{{else}}{{#if ../this.paragraphBoxItem}} mt-4{{else}}{{#if @first}} -mt-0.5{{else}} mt-4{{/if}}{{/if}}{{/if}} overflow-hidden pl-5 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
38
38
  {{/if}}
39
39
  {{#if this.isOl}}
40
- <ol class="pl-5 mt-4 overflow-hidden text-base list-decimal copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
40
+ <ol class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}} mt-4{{else}}{{#if ../this.paragraphBoxItem}} mt-4{{else}}{{#if @first}} -mt-0.5{{else}} mt-4{{/if}}{{/if}}{{/if}} overflow-hidden pl-5 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
41
41
  {{/if}}
42
42
  {{/each}}
43
43
  {{~#block "subParagraphs"}}{{/block~}}
package/dist/views_static/components/teaser/components/teaser_av_consumption.hbs CHANGED
@@ -2,9 +2,7 @@
2
2
  {{~#if this.isVideoOnDemand ~}}
3
3
  {{#with this.toModel.videoElement}}
4
4
  {{~> components/mediaplayer/media_player _playerLocation="Teaser" _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
5
- {{#with ../../this}}
6
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=_aspectRatio _addClassImg=_addClassImg _noDelay=this.dontLazyload}}
7
- {{/with}}
5
+ {{~> components/teaser/components/teaser_media_player ../../this _playerId=this.ardPlayerConfig.playerId _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=../../_aspectRatio _addClassImg=../../_addClassImg _noDelay=../../this.dontLazyload}}
8
6
  {{#if ../../_isMobile1to1~}}
9
7
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
10
8
  {{~/if~}}
@@ -13,9 +11,7 @@
13
11
  {{~#if this.isAudioOnDemand ~}}
14
12
  {{#with this.toModel.audioElementForVideoView}}
15
13
  {{~> components/mediaplayer/media_player _playerLocation="Teaser" _uiTestHook="ui-test-audio-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
16
- {{#with ../../this}}
17
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _aspectRatio=_aspectRatio _addClassImg=_addClassImg _noDelay=this.dontLazyload}}
18
- {{/with}}
14
+ {{~> components/teaser/components/teaser_media_player ../../this _playerId=this.ardPlayerConfig.playerId _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _aspectRatio=../../_aspectRatio _addClassImg=../../_addClassImg _noDelay=../../this.dontLazyload}}
19
15
  {{#if ../../_isMobile1to1~}}
20
16
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
21
17
  {{~/if~}}
@@ -24,9 +20,7 @@
24
20
  {{~#if this.isPodcast ~}}
25
21
  {{#with this.toModel.audioElementForVideoView}}
26
22
  {{~> components/mediaplayer/media_player _playerLocation="Teaser" _uiTestHook="ui-test-audio-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
27
- {{#with ../../this}}
28
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Podcast" _aspectRatio=_aspectRatio _addClassImg=_addClassImg _noDelay=this.dontLazyload}}
29
- {{/with}}
23
+ {{~> components/teaser/components/teaser_media_player ../../this _playerId=this.ardPlayerConfig.playerId _mediaButtonIcon="audio_button" _mediaButtonLabel="Podcast" _aspectRatio=../../_aspectRatio _addClassImg=../../_addClassImg _noDelay=../../this.dontLazyload}}
30
24
  {{#if ../../_isMobile1to1~}}
31
25
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
32
26
  {{~/if~}}
@@ -35,9 +29,7 @@
35
29
  {{~#if this.isAudioEventLivestream ~}}
36
30
  {{#with this.toModel.audioLivestreamElementForVideoView}}
37
31
  {{~> components/mediaplayer/media_player _playerLocation="Teaser" _uiTestHook="ui-test-audio-livestream-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
38
- {{#with ../../this}}
39
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=_aspectRatio _addClassImg=_addClassImg _noDelay=this.dontLazyload}}
40
- {{/with}}
32
+ {{~> components/teaser/components/teaser_media_player ../../this _playerId=this.ardPlayerConfig.playerId _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=../../_aspectRatio _addClassImg=../../_addClassImg _noDelay=../../this.dontLazyload}}
41
33
  {{#if ../../_isMobile1to1~}}
42
34
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
43
35
  {{~/if~}}
@@ -46,9 +38,7 @@
46
38
  {{~#if this.isLivestream ~}}
47
39
  {{#with this.toModel.videoLivestreamElement}}
48
40
  {{~> components/mediaplayer/media_player _playerLocation="Teaser" _uiTestHook="ui-test-video-livestream-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
49
- {{#with ../../this}}
50
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=_aspectRatio _addClassImg=_addClassImg _noDelay=this.dontLazyload}}
51
- {{/with}}
41
+ {{~> components/teaser/components/teaser_media_player ../../this _playerId=this.ardPlayerConfig.playerId _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=../../_aspectRatio _addClassImg=../../_addClassImg _noDelay=../../this.dontLazyload}}
52
42
  {{#if ../../_isMobile1to1~}}
53
43
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
54
44
  {{~/if~}}
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.89.0",
9
+ "version": "1.90.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/content/copytext/components/contentbox/contentbox.hbs CHANGED
@@ -33,13 +33,13 @@
33
33
  {{#each this.paragraph}}
34
34
  {{#each this.text.split}}
35
35
  {{#if this.isText}}
36
- <p class="mt-4 text-base copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
36
+ <p class="copytextParagraphDS {{#if ../../../this.title}} mt-4{{else}}{{#if ../../../this.copytextParagraph.[0].paragraphBoxItem}} mt-4{{else}}{{#if @../first}}{{#if @first}} -mt-0.5{{else}} mt-4{{/if}}{{else}} mt-4{{/if}}{{/if}}{{/if}} text-base sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
37
37
  {{/if}}
38
38
  {{#if this.isUl}}
39
- <ul class="pl-5 mt-4 overflow-hidden text-base list-disc copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
39
+ <ul class="copytextParagraphDS {{#if ../../../this.title}} mt-4{{else}}{{#if ../../../this.copytextParagraph.[0].paragraphBoxItem}} mt-4{{else}}{{#if @../first}}{{#if @first}} -mt-0.5{{else}} mt-4{{/if}}{{else}} mt-4{{/if}}{{/if}}{{/if}} overflow-hidden pl-5 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
40
40
  {{/if}}
41
41
  {{#if this.isOl}}
42
- <ol class="pl-5 mt-4 overflow-hidden text-base list-decimal copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
42
+ <ol class="copytextParagraphDS {{#if ../../../this.title}} mt-4{{else}}{{#if ../../../this.copytextParagraph.[0].paragraphBoxItem}} mt-4{{else}}{{#if @../first}}{{#if @first}} -mt-0.5{{else}} mt-4{{/if}}{{else}} mt-4{{/if}}{{/if}}{{/if}} overflow-hidden pl-5 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
43
43
  {{/if}}
44
44
  {{/each}}
45
45
  {{/each}}
package/src/stories/views/components/content/copytext/components/infobox.hbs CHANGED
@@ -31,13 +31,13 @@
31
31
 
32
32
  {{#each this.text.split}}
33
33
  {{#if this.isText}}
34
- <p class="mt-4 text-base copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
34
+ <p class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}} mt-4{{else}}{{#if ../this.paragraphBoxItem}} mt-4{{else}}{{#if @first}} -mt-0.5{{else}} mt-4{{/if}}{{/if}}{{/if}} text-base sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</p>
35
35
  {{/if}}
36
36
  {{#if this.isUl}}
37
- <ul class="pl-5 mt-4 overflow-hidden text-base list-disc copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
37
+ <ul class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}} mt-4{{else}}{{#if ../this.paragraphBoxItem}} mt-4{{else}}{{#if @first}} -mt-0.5{{else}} mt-4{{/if}}{{/if}}{{/if}} overflow-hidden pl-5 text-base list-disc sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ul>
38
38
  {{/if}}
39
39
  {{#if this.isOl}}
40
- <ol class="pl-5 mt-4 overflow-hidden text-base list-decimal copytextParagraphDS sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
40
+ <ol class="copytextParagraphDS {{#if ../this.paragraphProperties.[0].title}} mt-4{{else}}{{#if ../this.paragraphBoxItem}} mt-4{{else}}{{#if @first}} -mt-0.5{{else}} mt-4{{/if}}{{/if}}{{/if}} overflow-hidden pl-5 text-base list-decimal sm480:text-lg sm480:leading-normal dark:text-text-dark">{{{this.text}}}</ol>
41
41
  {{/if}}
42
42
  {{/each}}
43
43
  {{~#block "subParagraphs"}}{{/block~}}
package/src/stories/views/components/teaser/components/teaser_av_consumption.hbs CHANGED
@@ -2,9 +2,7 @@
2
2
  {{~#if this.isVideoOnDemand ~}}
3
3
  {{#with this.toModel.videoElement}}
4
4
  {{~> components/mediaplayer/media_player _playerLocation="Teaser" _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
5
- {{#with ../../this}}
6
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=_aspectRatio-adjust_context _addClassImg=_addClassImg-adjust_context _noDelay=this.dontLazyload}}
7
- {{/with}}
5
+ {{~> components/teaser/components/teaser_media_player ../../this _playerId=this.ardPlayerConfig.playerId _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio=../../_aspectRatio _addClassImg=../../_addClassImg _noDelay=../../this.dontLazyload}}
8
6
  {{#if ../../_isMobile1to1~}}
9
7
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
10
8
  {{~/if~}}
@@ -13,9 +11,7 @@
13
11
  {{~#if this.isAudioOnDemand ~}}
14
12
  {{#with this.toModel.audioElementForVideoView}}
15
13
  {{~> components/mediaplayer/media_player _playerLocation="Teaser" _uiTestHook="ui-test-audio-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
16
- {{#with ../../this}}
17
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _aspectRatio=_aspectRatio-adjust_context _addClassImg=_addClassImg-adjust_context _noDelay=this.dontLazyload}}
18
- {{/with}}
14
+ {{~> components/teaser/components/teaser_media_player ../../this _playerId=this.ardPlayerConfig.playerId _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _aspectRatio=../../_aspectRatio _addClassImg=../../_addClassImg _noDelay=../../this.dontLazyload}}
19
15
  {{#if ../../_isMobile1to1~}}
20
16
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
21
17
  {{~/if~}}
@@ -24,9 +20,7 @@
24
20
  {{~#if this.isPodcast ~}}
25
21
  {{#with this.toModel.audioElementForVideoView}}
26
22
  {{~> components/mediaplayer/media_player _playerLocation="Teaser" _uiTestHook="ui-test-audio-ondemand-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
27
- {{#with ../../this}}
28
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="audio_button" _mediaButtonLabel="Podcast" _aspectRatio=_aspectRatio-adjust_context _addClassImg=_addClassImg-adjust_context _noDelay=this.dontLazyload}}
29
- {{/with}}
23
+ {{~> components/teaser/components/teaser_media_player ../../this _playerId=this.ardPlayerConfig.playerId _mediaButtonIcon="audio_button" _mediaButtonLabel="Podcast" _aspectRatio=../../_aspectRatio _addClassImg=../../_addClassImg _noDelay=../../this.dontLazyload}}
30
24
  {{#if ../../_isMobile1to1~}}
31
25
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
32
26
  {{~/if~}}
@@ -35,9 +29,7 @@
35
29
  {{~#if this.isAudioEventLivestream ~}}
36
30
  {{#with this.toModel.audioLivestreamElementForVideoView}}
37
31
  {{~> components/mediaplayer/media_player _playerLocation="Teaser" _uiTestHook="ui-test-audio-livestream-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
38
- {{#with ../../this}}
39
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=_aspectRatio-adjust_context _addClassImg=_addClassImg-adjust_context _noDelay=this.dontLazyload}}
40
- {{/with}}
32
+ {{~> components/teaser/components/teaser_media_player ../../this _playerId=this.ardPlayerConfig.playerId _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=../../_aspectRatio _addClassImg=../../_addClassImg _noDelay=../../this.dontLazyload}}
41
33
  {{#if ../../_isMobile1to1~}}
42
34
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
43
35
  {{~/if~}}
@@ -46,9 +38,7 @@
46
38
  {{~#if this.isLivestream ~}}
47
39
  {{#with this.toModel.videoLivestreamElement}}
48
40
  {{~> components/mediaplayer/media_player _playerLocation="Teaser" _uiTestHook="ui-test-video-livestream-player" _isUsedInTeaser=true _addClassImg=../../_addClassImg~}}
49
- {{#with ../../this}}
50
- {{~> components/teaser/components/teaser_media_player _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=_aspectRatio-adjust_context _addClassImg=_addClassImg-adjust_context _noDelay=this.dontLazyload}}
51
- {{/with}}
41
+ {{~> components/teaser/components/teaser_media_player ../../this _playerId=this.ardPlayerConfig.playerId _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream=true _aspectRatio=../../_aspectRatio _addClassImg=../../_addClassImg _noDelay=../../this.dontLazyload}}
52
42
  {{#if ../../_isMobile1to1~}}
53
43
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
54
44
  {{~/if~}}