hr-design-system-handlebars 1.69.2 → 1.70.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 (46) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/dist/assets/brand/hessenschau/conf/locatags.merged.json +1 -0
  3. package/dist/assets/brand/hr/conf/locatags.merged.json +1 -0
  4. package/dist/assets/brand/hr-bigband/conf/locatags.merged.json +1 -0
  5. package/dist/assets/brand/hr-fernsehen/conf/locatags.merged.json +1 -0
  6. package/dist/assets/brand/hr-inforadio/conf/locatags.merged.json +1 -0
  7. package/dist/assets/brand/hr-rundfunkrat/conf/locatags.merged.json +1 -0
  8. package/dist/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json +1 -0
  9. package/dist/assets/brand/hr-werbung/conf/locatags.merged.json +1 -0
  10. package/dist/assets/brand/hr1/conf/locatags.merged.json +1 -0
  11. package/dist/assets/brand/hr2/conf/locatags.merged.json +1 -0
  12. package/dist/assets/brand/hr3/conf/locatags.merged.json +1 -0
  13. package/dist/assets/brand/hr4/conf/locatags.merged.json +1 -0
  14. package/dist/assets/brand/you-fm/conf/locatags.merged.json +1 -0
  15. package/dist/assets/index.css +12 -8
  16. package/dist/views/components/mediaplayer/media_player.hbs +1 -19
  17. package/dist/views/components/social_sharing/social_sharing_compact_icons.hbs +30 -5
  18. package/dist/views/components/teaser/components/teaser_av_consumption.hbs +20 -5
  19. package/dist/views/components/teaser/components/teaser_media_player.hbs +15 -0
  20. package/dist/views_static/components/mediaplayer/media_player.hbs +1 -19
  21. package/dist/views_static/components/social_sharing/social_sharing_compact_icons.hbs +30 -5
  22. package/dist/views_static/components/teaser/components/teaser_av_consumption.hbs +20 -5
  23. package/dist/views_static/components/teaser/components/teaser_media_player.hbs +15 -0
  24. package/package.json +1 -1
  25. package/src/assets/brand/_default/conf/locatags.json +1 -0
  26. package/src/assets/brand/hessenschau/conf/locatags.merged.json +1 -0
  27. package/src/assets/brand/hr/conf/locatags.merged.json +1 -0
  28. package/src/assets/brand/hr-bigband/conf/locatags.merged.json +1 -0
  29. package/src/assets/brand/hr-fernsehen/conf/locatags.merged.json +1 -0
  30. package/src/assets/brand/hr-inforadio/conf/locatags.merged.json +1 -0
  31. package/src/assets/brand/hr-rundfunkrat/conf/locatags.merged.json +1 -0
  32. package/src/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json +1 -0
  33. package/src/assets/brand/hr-werbung/conf/locatags.merged.json +1 -0
  34. package/src/assets/brand/hr1/conf/locatags.merged.json +1 -0
  35. package/src/assets/brand/hr2/conf/locatags.merged.json +1 -0
  36. package/src/assets/brand/hr3/conf/locatags.merged.json +1 -0
  37. package/src/assets/brand/hr4/conf/locatags.merged.json +1 -0
  38. package/src/assets/brand/you-fm/conf/locatags.merged.json +1 -0
  39. package/src/assets/fixtures/mediaplayer/mediaplayer.json +58 -0
  40. package/src/assets/tailwind.css +5 -5
  41. package/src/stories/views/components/mediaplayer/fixtures/mediaplayer.json +1 -1
  42. package/src/stories/views/components/mediaplayer/media_player.hbs +1 -19
  43. package/src/stories/views/components/mediaplayer/mediaplayer.stories.js +16 -4
  44. package/src/stories/views/components/social_sharing/social_sharing_compact_icons.hbs +30 -5
  45. package/src/stories/views/components/teaser/components/teaser_av_consumption.hbs +20 -5
  46. package/src/stories/views/components/teaser/components/teaser_media_player.hbs +15 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,27 @@
1
+ # v1.70.0 (Tue Jun 11 2024)
2
+
3
+ #### 🚀 Enhancement
4
+
5
+ - :sparkles: Add audioplayer and audiolivestream player to mediaplayer config [#938](https://github.com/mumprod/hr-design-system-handlebars/pull/938) ([@szuelch](https://github.com/szuelch))
6
+
7
+ #### Authors: 1
8
+
9
+ - [@szuelch](https://github.com/szuelch)
10
+
11
+ ---
12
+
13
+ # v1.69.3 (Tue Jun 11 2024)
14
+
15
+ #### 🐛 Bug Fix
16
+
17
+ - Bugfix/dpe 3141 [#937](https://github.com/mumprod/hr-design-system-handlebars/pull/937) ([@StefanVesper](https://github.com/StefanVesper))
18
+
19
+ #### Authors: 1
20
+
21
+ - SonicSoulSurfer ([@StefanVesper](https://github.com/StefanVesper))
22
+
23
+ ---
24
+
1
25
  # v1.69.2 (Thu Jun 06 2024)
2
26
 
3
27
  #### 🐛 Bug Fix
package/dist/assets/brand/hessenschau/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/dist/assets/brand/hr/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/dist/assets/brand/hr-bigband/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/dist/assets/brand/hr-fernsehen/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/dist/assets/brand/hr-inforadio/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/dist/assets/brand/hr-rundfunkrat/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/dist/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/dist/assets/brand/hr-werbung/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/dist/assets/brand/hr1/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/dist/assets/brand/hr2/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/dist/assets/brand/hr3/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/dist/assets/brand/hr4/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/dist/assets/brand/you-fm/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/dist/assets/index.css CHANGED
@@ -3073,6 +3073,10 @@ article.indexTextDS .indexTextHighlighted .link {
3073
3073
  --tw-text-opacity: 1;
3074
3074
  color: rgba(96, 96, 96, var(--tw-text-opacity));
3075
3075
  }
3076
+ .text-green-600 {
3077
+ --tw-text-opacity: 1;
3078
+ color: rgba(22, 163, 74, var(--tw-text-opacity));
3079
+ }
3076
3080
  .text-inherit {
3077
3081
  color: inherit;
3078
3082
  }
@@ -3343,7 +3347,7 @@ article.indexTextDS .indexTextHighlighted .link {
3343
3347
  border-bottom-color: var(--color-secondary-ds);
3344
3348
  }
3345
3349
  .counter-reset {
3346
- counter-reset: cnt1717690777460;
3350
+ counter-reset: cnt1718097552969;
3347
3351
  }
3348
3352
  .hyphens-auto {
3349
3353
  -webkit-hyphens: auto;
@@ -3722,7 +3726,7 @@ article.indexTextDS .indexTextHighlighted .link {
3722
3726
  --tw-ring-color: rgba(255, 255, 255, 0.5);
3723
3727
  }
3724
3728
  .-ordered {
3725
- counter-increment: cnt1717690777460 1;
3729
+ counter-increment: cnt1718097552969 1;
3726
3730
  }
3727
3731
  .-ordered::before {
3728
3732
  position: absolute;
@@ -3738,7 +3742,7 @@ article.indexTextDS .indexTextHighlighted .link {
3738
3742
  letter-spacing: .0125em;
3739
3743
  --tw-text-opacity: 1;
3740
3744
  color: rgba(0, 0, 0, var(--tw-text-opacity));
3741
- content: counter(cnt1717690777460);
3745
+ content: counter(cnt1718097552969);
3742
3746
  }
3743
3747
  /*! ****************************/
3744
3748
  /*! DataPolicy stuff */
@@ -4118,24 +4122,24 @@ article.indexTextDS .indexTextHighlighted .link {
4118
4122
  --ardplayer-color-primary-base: #006dc1;
4119
4123
  --ardplayer-color-primary-base-transparent-30: rgba(0, 109, 193, 0.7);
4120
4124
  --ardplayer-color-primary-dark-base: #eaf3fa;
4121
- --ardplayer-color-tertiary-base: #005293;
4125
+ --ardplayer-color-tertiary-base: #006dc1;
4122
4126
  --ardplayer-color-lightest: #ffffff;
4123
4127
  }
4124
4128
  [data-theme='hessenschau'] .ardplayer .ardplayer-controlbar .ardplayer-controlbar-hover {
4125
- --ardplayer-color-lightest: #005293;
4129
+ --ardplayer-color-lightest: #006dc1;
4126
4130
  color: var(--ardplayer-color-lightest);
4127
4131
  }
4128
4132
  [data-theme='hessenschau'] .ardplayer .ardplayer-bottom-sheet-container {
4129
- --ardplayer-color-lightest: #005293;
4133
+ --ardplayer-color-lightest: #006dc1;
4130
4134
  }
4131
4135
  [data-theme='hessenschau'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover {
4132
4136
  color: #ffffff;
4133
4137
  }
4134
4138
  [data-theme='hessenschau'] .ardplayer .ardplayer-bottom-sheet-container .ardplayer-option:hover .ardplayer-icon {
4135
- color: #005293;
4139
+ color: #006dc1;
4136
4140
  }
4137
4141
  [data-theme='hessenschau'] .ardplayer.ardplayer-state-audio {
4138
- --ardplayer-color-lightest: #005293;
4142
+ --ardplayer-color-lightest: #006dc1;
4139
4143
  }
4140
4144
  [data-theme='hr-fernsehen'] {
4141
4145
  --color-primary-ds: #007396;
package/dist/views/components/mediaplayer/media_player.hbs CHANGED
@@ -1,20 +1,2 @@
1
- <div{{#if _isTeaser}} x-show="avStart" x-cloak{{/if}} id="{{this.ardPlayerConfig.playerId}}" class="ar-16-9 h-full {{~#if _addClassImg}} {{_addClassImg}}{{/if}} {{#if _isTeaser}} z-20{{/if}} js-load {{if _uiTestHook _uiTestHook 'ui-test-mediaplayer'}}" data-hr-mediaplayer-loader='{{json this.ardPlayerJsonConfig}}'>
1
+ <div{{#if _isUsedInTeaser}} x-show="avStart" x-cloak{{/if}} id="{{this.ardPlayerConfig.playerId}}" class="{{#unless _isAudioView}}ar-16-9 {{/unless}}h-full {{~#if _addClassImg}} {{_addClassImg}}{{/if}} {{#if _isUsedInTeaser}} z-20{{/if}} js-load {{if _uiTestHook _uiTestHook 'ui-test-mediaplayer'}}" data-hr-mediaplayer-loader='{{json this.ardPlayerJsonConfig}}'>
2
2
  </div>
3
- {{#if _isTeaser}}
4
- <div class="relative {{_aspectRatio}}" 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>{{/if}}
14
- {{/with}}
15
-
16
- {{#with this}}
17
- {{> components/mediaplayer/mediaplayer_button _isLivestream=_isLivestream _icon=_mediaButtonIcon _label=_mediaButtonLabel _teaserSize=_teaserSize _teaserType=_teaserType _isMobile1to1=_isMobile1to1}}
18
- {{/with}}
19
- </div>
20
- {{/if}}
package/dist/views/components/social_sharing/social_sharing_compact_icons.hbs CHANGED
@@ -61,15 +61,40 @@
61
61
  </li>
62
62
  {{/with}}
63
63
 
64
- <li class="">
64
+ <li x-data="copyHandler()" x-on:click="copyToClipboard" class="">
65
65
  <a class="{{#with ../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
66
-
67
- href="javascript:window.print()"
68
- title="{{loca "share_print_linktitle" }}"
66
+ title="{{loca "share_copy_linktitle" }}"
69
67
  {{#with ../this.content.trackingData}}
70
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
68
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::copybutton"}]}'
71
69
  {{/with}}
72
70
  >
73
71
  {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="copy-ds" _iconmap="icons" ~}}
74
72
  </a>
75
73
  </li>
74
+ <div class="absolute flex flex-row items-center justify-end hidden w-full h-8 text-xs bg-white js-copyMessage sm480:text-sm font-headingSerif dark:text-text-dark">
75
+ {{~> components/base/image/icon _addClass="w-6 h-6 text-green-600 mr-2" _icon="status-done" _iconmap="icons" ~}}
76
+ {{loca "share_copy_message" }}
77
+ </div>
78
+
79
+ <script>
80
+ function copyHandler(){
81
+ return {
82
+ copyToClipboard(event) {
83
+ const messageDiv = document.querySelector('.js-copyMessage')
84
+ const el = document.createElement('textarea')
85
+ el.value = window.location.href
86
+ el.setAttribute('readonly', '')
87
+ el.style.position = 'absolute'
88
+ el.style.left = '-9999px'
89
+ document.body.appendChild(el)
90
+ el.select()
91
+ document.execCommand('copy')
92
+ document.body.removeChild(el)
93
+ messageDiv.classList.remove('hidden')
94
+ window.setTimeout(() => {
95
+ messageDiv.classList.add('hidden')
96
+ }, 2000)
97
+ }
98
+ }
99
+ }
100
+ </script>
package/dist/views/components/teaser/components/teaser_av_consumption.hbs CHANGED
@@ -1,7 +1,10 @@
1
1
  {{#with this.teaserLead.avDocument}}
2
2
  {{~#if this.isVideo ~}}
3
3
  {{#with this.toModel.videoElement}}
4
- {{~> components/mediaplayer/media_player _uiTestHook="ui-test-video-ondemand-player" _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _isTeaser=true _teaser=../../this _aspectRatio=../../_aspectRatio _teaserSize=../../_teaserSize _isMobile1to1=../../_isMobile1to1 _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag _teaserType=../../_teaserType _addClassImg=../../_addClassImg~}}
4
+ {{~> components/mediaplayer/media_player _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}}
7
+ {{/with}}
5
8
  {{#if ../../_isMobile1to1~}}
6
9
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
7
10
  {{~/if~}}
@@ -9,7 +12,10 @@
9
12
  {{~/if~}}
10
13
  {{~#if this.isAudio ~}}
11
14
  {{#with this.toModel.audioElement}}
12
- {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-ondemand-player" _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag _teaserType=../../_teaserType _addClassImg=../../_addClassImg~}}
15
+ {{~> components/mediaplayer/media_player _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}}
18
+ {{/with}}
13
19
  {{#if ../../_isMobile1to1~}}
14
20
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
15
21
  {{~/if~}}
@@ -17,7 +23,10 @@
17
23
  {{~/if~}}
18
24
  {{~#if this.isPodcast ~}}
19
25
  {{#with this.toModel.audioElement}}
20
- {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-ondemand-player" _mediaButtonIcon="audio_button" _mediaButtonLabel="Podcast" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag _teaserType=../../_teaserType _addClassImg=../../_addClassImg~}}
26
+ {{~> components/mediaplayer/media_player _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}}
29
+ {{/with}}
21
30
  {{#if ../../_isMobile1to1~}}
22
31
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
23
32
  {{~/if~}}
@@ -25,7 +34,10 @@
25
34
  {{~/if~}}
26
35
  {{~#if this.isAudioEventLivestream ~}}
27
36
  {{#with this.toModel.audioLivestreamElement}}
28
- {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-livestream-player" _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream="true" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag _teaserType=../../_teaserType _addClassImg=../../_addClassImg~}}
37
+ {{~> components/mediaplayer/media_player _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}}
40
+ {{/with}}
29
41
  {{#if ../../_isMobile1to1~}}
30
42
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
31
43
  {{~/if~}}
@@ -33,7 +45,10 @@
33
45
  {{~/if~}}
34
46
  {{~#if this.isLivestream ~}}
35
47
  {{#with this.toModel.videoLivestreamElement}}
36
- {{~> components/mediaplayer/media_player _uiTestHook="ui-test-video-livestream-player" _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream="true" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag _teaserType=../../_teaserType _addClassImg=../../_addClassImg~}}
48
+ {{~> components/mediaplayer/media_player _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}}
51
+ {{/with}}
37
52
  {{#if ../../_isMobile1to1~}}
38
53
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
39
54
  {{~/if~}}
package/dist/views/components/teaser/components/teaser_media_player.hbs ADDED
@@ -0,0 +1,15 @@
1
+ <div class="relative {{_aspectRatio}}" x-show="!avStart" >
2
+ {{#unless this.hideGeotag}}
3
+ {{~#with this.geotag}}
4
+ {{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../this.teaserSize _isMobile1to1=../this.isMobile1to1}}
5
+ {{/with~}}
6
+ {{/unless}}
7
+
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
+ {{~> 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 ~}}
10
+ {{#if this.isTickerTeaser}}</a>{{/if}}
11
+
12
+ {{#with this}}
13
+ {{> components/mediaplayer/mediaplayer_button _isLivestream=_isLivestream _icon=_mediaButtonIcon _label=_mediaButtonLabel _teaserSize=this.teaserSize _teaserType=this.teaserType _isMobile1to1=this.isMobile1to1}}
14
+ {{/with}}
15
+ </div>
package/dist/views_static/components/mediaplayer/media_player.hbs CHANGED
@@ -1,20 +1,2 @@
1
- <div{{#if _isTeaser}} x-show="avStart" x-cloak{{/if}} id="{{this.ardPlayerConfig.playerId}}" class="ar-16-9 h-full {{~#if _addClassImg}} {{_addClassImg}}{{/if}} {{#if _isTeaser}} z-20{{/if}} js-load {{if _uiTestHook _uiTestHook 'ui-test-mediaplayer'}}" data-hr-mediaplayer-loader='{{json this.ardPlayerJsonConfig}}'>
1
+ <div{{#if _isUsedInTeaser}} x-show="avStart" x-cloak{{/if}} id="{{this.ardPlayerConfig.playerId}}" class="{{#unless _isAudioView}}ar-16-9 {{/unless}}h-full {{~#if _addClassImg}} {{_addClassImg}}{{/if}} {{#if _isUsedInTeaser}} z-20{{/if}} js-load {{if _uiTestHook _uiTestHook 'ui-test-mediaplayer'}}" data-hr-mediaplayer-loader='{{json this.ardPlayerJsonConfig}}'>
2
2
  </div>
3
- {{#if _isTeaser}}
4
- <div class="relative {{_aspectRatio}}" 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>{{/if}}
14
- {{/with}}
15
-
16
- {{#with this}}
17
- {{> components/mediaplayer/mediaplayer_button _isLivestream=_isLivestream _icon=_mediaButtonIcon _label=_mediaButtonLabel _teaserSize=_teaserSize _teaserType=_teaserType _isMobile1to1=_isMobile1to1}}
18
- {{/with}}
19
- </div>
20
- {{/if}}
package/dist/views_static/components/social_sharing/social_sharing_compact_icons.hbs CHANGED
@@ -61,15 +61,40 @@
61
61
  </li>
62
62
  {{/with}}
63
63
 
64
- <li class="">
64
+ <li x-data="copyHandler()" x-on:click="copyToClipboard" class="">
65
65
  <a class="{{#with ../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
66
-
67
- href="javascript:window.print()"
68
- title="{{loca "share_print_linktitle" }}"
66
+ title="{{loca "share_copy_linktitle" }}"
69
67
  {{#with ../this.content.trackingData}}
70
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
68
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::copybutton"}]}'
71
69
  {{/with}}
72
70
  >
73
71
  {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="copy-ds" _iconmap="icons" ~}}
74
72
  </a>
75
73
  </li>
74
+ <div class="absolute flex flex-row items-center justify-end hidden w-full h-8 text-xs bg-white js-copyMessage sm480:text-sm font-headingSerif dark:text-text-dark">
75
+ {{~> components/base/image/icon _addClass="w-6 h-6 text-green-600 mr-2" _icon="status-done" _iconmap="icons" ~}}
76
+ {{loca "share_copy_message" }}
77
+ </div>
78
+
79
+ <script>
80
+ function copyHandler(){
81
+ return {
82
+ copyToClipboard(event) {
83
+ const messageDiv = document.querySelector('.js-copyMessage')
84
+ const el = document.createElement('textarea')
85
+ el.value = window.location.href
86
+ el.setAttribute('readonly', '')
87
+ el.style.position = 'absolute'
88
+ el.style.left = '-9999px'
89
+ document.body.appendChild(el)
90
+ el.select()
91
+ document.execCommand('copy')
92
+ document.body.removeChild(el)
93
+ messageDiv.classList.remove('hidden')
94
+ window.setTimeout(() => {
95
+ messageDiv.classList.add('hidden')
96
+ }, 2000)
97
+ }
98
+ }
99
+ }
100
+ </script>
package/dist/views_static/components/teaser/components/teaser_av_consumption.hbs CHANGED
@@ -1,7 +1,10 @@
1
1
  {{#with this.teaserLead.avDocument}}
2
2
  {{~#if this.isVideo ~}}
3
3
  {{#with this.toModel.videoElement}}
4
- {{~> components/mediaplayer/media_player _uiTestHook="ui-test-video-ondemand-player" _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _isTeaser=true _teaser=../../this _aspectRatio=../../_aspectRatio _teaserSize=../../_teaserSize _isMobile1to1=../../_isMobile1to1 _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag _teaserType=../../_teaserType _addClassImg=../../_addClassImg~}}
4
+ {{~> components/mediaplayer/media_player _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}}
7
+ {{/with}}
5
8
  {{#if ../../_isMobile1to1~}}
6
9
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
7
10
  {{~/if~}}
@@ -9,7 +12,10 @@
9
12
  {{~/if~}}
10
13
  {{~#if this.isAudio ~}}
11
14
  {{#with this.toModel.audioElement}}
12
- {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-ondemand-player" _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag _teaserType=../../_teaserType _addClassImg=../../_addClassImg~}}
15
+ {{~> components/mediaplayer/media_player _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}}
18
+ {{/with}}
13
19
  {{#if ../../_isMobile1to1~}}
14
20
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
15
21
  {{~/if~}}
@@ -17,7 +23,10 @@
17
23
  {{~/if~}}
18
24
  {{~#if this.isPodcast ~}}
19
25
  {{#with this.toModel.audioElement}}
20
- {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-ondemand-player" _mediaButtonIcon="audio_button" _mediaButtonLabel="Podcast" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag _teaserType=../../_teaserType _addClassImg=../../_addClassImg~}}
26
+ {{~> components/mediaplayer/media_player _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}}
29
+ {{/with}}
21
30
  {{#if ../../_isMobile1to1~}}
22
31
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
23
32
  {{~/if~}}
@@ -25,7 +34,10 @@
25
34
  {{~/if~}}
26
35
  {{~#if this.isAudioEventLivestream ~}}
27
36
  {{#with this.toModel.audioLivestreamElement}}
28
- {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-livestream-player" _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream="true" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag _teaserType=../../_teaserType _addClassImg=../../_addClassImg~}}
37
+ {{~> components/mediaplayer/media_player _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}}
40
+ {{/with}}
29
41
  {{#if ../../_isMobile1to1~}}
30
42
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
31
43
  {{~/if~}}
@@ -33,7 +45,10 @@
33
45
  {{~/if~}}
34
46
  {{~#if this.isLivestream ~}}
35
47
  {{#with this.toModel.videoLivestreamElement}}
36
- {{~> components/mediaplayer/media_player _uiTestHook="ui-test-video-livestream-player" _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream="true" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag _teaserType=../../_teaserType _addClassImg=../../_addClassImg~}}
48
+ {{~> components/mediaplayer/media_player _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}}
51
+ {{/with}}
37
52
  {{#if ../../_isMobile1to1~}}
38
53
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
39
54
  {{~/if~}}
package/dist/views_static/components/teaser/components/teaser_media_player.hbs ADDED
@@ -0,0 +1,15 @@
1
+ <div class="relative {{_aspectRatio}}" x-show="!avStart" >
2
+ {{#unless this.hideGeotag}}
3
+ {{~#with this.geotag}}
4
+ {{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../this.teaserSize _isMobile1to1=../this.isMobile1to1}}
5
+ {{/with~}}
6
+ {{/unless}}
7
+
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
+ {{~> 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 ~}}
10
+ {{#if this.isTickerTeaser}}</a>{{/if}}
11
+
12
+ {{#with this}}
13
+ {{> components/mediaplayer/mediaplayer_button _isLivestream=_isLivestream _icon=_mediaButtonIcon _label=_mediaButtonLabel _teaserSize=this.teaserSize _teaserType=this.teaserType _isMobile1to1=this.isMobile1to1}}
14
+ {{/with}}
15
+ </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.69.2",
9
+ "version": "1.70.0",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
package/src/assets/brand/_default/conf/locatags.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/src/assets/brand/hessenschau/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/src/assets/brand/hr/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/src/assets/brand/hr-bigband/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/src/assets/brand/hr-fernsehen/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/src/assets/brand/hr-inforadio/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/src/assets/brand/hr-rundfunkrat/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/src/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/src/assets/brand/hr-werbung/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/src/assets/brand/hr1/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/src/assets/brand/hr2/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/src/assets/brand/hr3/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/src/assets/brand/hr4/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/src/assets/brand/you-fm/conf/locatags.merged.json CHANGED
@@ -124,6 +124,7 @@
124
124
  "share_mail_body": "Linktipp: {0}\n{1}\n{2}\n(Beitrag von hessenschau.de)",
125
125
  "share_mail_linktitle": "Per E-Mail versenden",
126
126
  "share_copy_linktitle": "In die Zwischenablage kopieren",
127
+ "share_copy_message": "Link kopiert!",
127
128
  "share_mail_subject": "Linktipp: {0} (hessenschau.de)",
128
129
  "share_x_linktitle": "Bei X teilen",
129
130
  "share_whatsapp_linktitle": "Bei Whatsapp teilen",
package/src/assets/fixtures/mediaplayer/mediaplayer.json CHANGED
@@ -48,5 +48,63 @@
48
48
  ]
49
49
  }
50
50
 
51
+ },
52
+ "audio":{
53
+ "ardPlayerConfig": {
54
+ "@->jsoninclude": "audio/audios.inc.json",
55
+ "@->contentpath": "audio-1"
56
+ },
57
+ "ardPlayerJsonConfig": {
58
+ "@->jsoninclude": "audio/audios.inc.json",
59
+ "@->contentpath": "audio-1",
60
+ "@->overrides": [
61
+ {
62
+ "@->contentpath": "playerConfig.web.isForcedVideoView",
63
+ "@->value": false
64
+ },
65
+ {
66
+ "@->contentpath": "playerConfig.web.isForcedAutoplay",
67
+ "@->value": false
68
+ },
69
+ {
70
+ "@->contentpath": "playerConfig.generic.isAutoplay",
71
+ "@->value": false
72
+ },
73
+ {
74
+ "@->contentpath": "isAutoplay",
75
+ "@->value": false
76
+ }
77
+ ]
78
+ }
79
+
80
+ },
81
+ "audio_event_livestream":{
82
+ "ardPlayerConfig": {
83
+ "@->jsoninclude": "audio/audios.inc.json",
84
+ "@->contentpath": "audio-event-livestream"
85
+ },
86
+ "ardPlayerJsonConfig": {
87
+ "@->jsoninclude": "audio/audios.inc.json",
88
+ "@->contentpath": "audio-event-livestream",
89
+ "@->overrides": [
90
+ {
91
+ "@->contentpath": "playerConfig.web.isForcedVideoView",
92
+ "@->value": false
93
+ },
94
+ {
95
+ "@->contentpath": "playerConfig.web.isForcedAutoplay",
96
+ "@->value": false
97
+ },
98
+ {
99
+ "@->contentpath": "playerConfig.generic.isAutoplay",
100
+ "@->value": false
101
+ },
102
+ {
103
+ "@->contentpath": "isAutoplay",
104
+ "@->value": false
105
+ }
106
+ ]
107
+ }
108
+
51
109
  }
52
110
  }
package/src/assets/tailwind.css CHANGED
@@ -290,30 +290,30 @@
290
290
  --ardplayer-color-primary-base: theme('colors.blue.science.hex');
291
291
  --ardplayer-color-primary-base-transparent-30: rgba(theme('colors.blue.science.rgb') / 70%);
292
292
  --ardplayer-color-primary-dark-base: theme('colors.blue.accented');
293
- --ardplayer-color-tertiary-base: theme('colors.blue.congress');
293
+ --ardplayer-color-tertiary-base: theme('colors.blue.science.hex');
294
294
  --ardplayer-color-lightest: theme('colors.white.DEFAULT');
295
295
 
296
296
  .ardplayer-controlbar {
297
297
  .ardplayer-controlbar-hover {
298
- --ardplayer-color-lightest: theme('colors.blue.congress');
298
+ --ardplayer-color-lightest: theme('colors.blue.science.hex');
299
299
  color: var(--ardplayer-color-lightest);
300
300
  }
301
301
  }
302
302
 
303
303
  .ardplayer-bottom-sheet-container {
304
- --ardplayer-color-lightest: theme('colors.blue.congress');
304
+ --ardplayer-color-lightest: theme('colors.blue.science.hex');
305
305
 
306
306
  .ardplayer-option:hover {
307
307
  color: theme('colors.white.DEFAULT');
308
308
  .ardplayer-icon {
309
- color: theme('colors.blue.congress');
309
+ color: theme('colors.blue.science.hex');
310
310
  }
311
311
  }
312
312
  }
313
313
  }
314
314
 
315
315
  .ardplayer.ardplayer-state-audio {
316
- --ardplayer-color-lightest: theme('colors.blue.congress');
316
+ --ardplayer-color-lightest: theme('colors.blue.science.hex');
317
317
  }
318
318
  }
319
319
 
package/src/stories/views/components/mediaplayer/fixtures/mediaplayer.json CHANGED
@@ -1 +1 @@
1
- {"video":{"ardPlayerConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hr-vh.akamaihd.net/i/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_,480x270-50p-700kbit,512x288-25p-500kbit,640x360-50p-1200kbit,960x540-50p-1600kbit,1280x720-50p-3200kbit,1920x1080-50p-5000kbit,.mp4.csmil/master.m3u8","mimeType":"application/vnd.apple.mpegurl","isAdaptiveQualitySelectable":true,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"subTitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt","url":"https://hr-a.akamaihd.net/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_512x288-25p-500kbit.vtt"}]}],"meta":{"durationSeconds":1644,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Auszubildende dringend gesucht | hessenschau vom 17.03.2022","synopsis":"Erstaufnahme der Geflüchteten in Gießen / Bund-Länder-Treffen zu Geflüchteten aus der Ukraine / Zu wenig Lebensmittelkontrollen / Mehr Ausbildungsplätze als Bewerber / Dokumentation über Sinti und Roma / Nachwuchs im Frankfurter Zoo / Eintracht vor dem Europa League-Spiel"},"pluginData":{},"geoBlocked":false},"playerId":"8423","type":"videoOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.0b83d962.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.js","isAutoplay":true,"isPlayerDebug":false,"teaserSize":"100","realTeaserSize":"100"},"ardPlayerJsonConfig":{"playerConfig":{"generic":{"isAutoplay":false,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedAutoplay":false,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hr-vh.akamaihd.net/i/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_,480x270-50p-700kbit,512x288-25p-500kbit,640x360-50p-1200kbit,960x540-50p-1600kbit,1280x720-50p-3200kbit,1920x1080-50p-5000kbit,.mp4.csmil/master.m3u8","mimeType":"application/vnd.apple.mpegurl","isAdaptiveQualitySelectable":true,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"subTitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt","url":"https://hr-a.akamaihd.net/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_512x288-25p-500kbit.vtt"}]}],"meta":{"durationSeconds":1644,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Auszubildende dringend gesucht | hessenschau vom 17.03.2022","synopsis":"Erstaufnahme der Geflüchteten in Gießen / Bund-Länder-Treffen zu Geflüchteten aus der Ukraine / Zu wenig Lebensmittelkontrollen / Mehr Ausbildungsplätze als Bewerber / Dokumentation über Sinti und Roma / Nachwuchs im Frankfurter Zoo / Eintracht vor dem Europa League-Spiel"},"pluginData":{},"geoBlocked":false},"playerId":"8423","type":"videoOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.0b83d962.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.js","isAutoplay":false,"isPlayerDebug":false,"teaserSize":"100","realTeaserSize":"100"}},"video_livestream":{"ardPlayerConfig":{"playerConfig":{"generic":{"isAutoplay":true,"isDvrEnabled":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hrhlsde.akamaized.net/hls/live/2024526/hrhlsde/index.m3u8","mimeType":"application/vnd.apple.mpegurl","maxHResolutionPx":8000,"isAdaptiveQualitySelectable":true,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"subTitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt"}]}],"live":{"dvrWindowSeconds":7200},"meta":{"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Jetzt hr-fernsehen live sehen!"},"pluginData":{},"geoBlocked":false},"playerId":"6819","type":"videoLivestream","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.0b83d962.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.js","teaserSize":"100","realTeaserSize":"100","isAutoplay":true},"ardPlayerJsonConfig":{"playerConfig":{"generic":{"isAutoplay":false,"isDvrEnabled":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedVideoView":true,"isForcedAutoplay":false},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hrhlsde.akamaized.net/hls/live/2024526/hrhlsde/index.m3u8","mimeType":"application/vnd.apple.mpegurl","maxHResolutionPx":8000,"isAdaptiveQualitySelectable":true,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"subTitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt"}]}],"live":{"dvrWindowSeconds":7200},"meta":{"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Jetzt hr-fernsehen live sehen!"},"pluginData":{},"geoBlocked":false},"playerId":"6819","type":"videoLivestream","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.0b83d962.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.js","teaserSize":"100","realTeaserSize":"100","isAutoplay":false}}}
1
+ {"video":{"ardPlayerConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hr-vh.akamaihd.net/i/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_,480x270-50p-700kbit,512x288-25p-500kbit,640x360-50p-1200kbit,960x540-50p-1600kbit,1280x720-50p-3200kbit,1920x1080-50p-5000kbit,.mp4.csmil/master.m3u8","mimeType":"application/vnd.apple.mpegurl","isAdaptiveQualitySelectable":true,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"subTitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt","url":"https://hr-a.akamaihd.net/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_512x288-25p-500kbit.vtt"}]}],"meta":{"durationSeconds":1644,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Auszubildende dringend gesucht | hessenschau vom 17.03.2022","synopsis":"Erstaufnahme der Geflüchteten in Gießen / Bund-Länder-Treffen zu Geflüchteten aus der Ukraine / Zu wenig Lebensmittelkontrollen / Mehr Ausbildungsplätze als Bewerber / Dokumentation über Sinti und Roma / Nachwuchs im Frankfurter Zoo / Eintracht vor dem Europa League-Spiel"},"pluginData":{},"geoBlocked":false},"playerId":"8423","type":"videoOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.0b83d962.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.js","isAutoplay":true,"isPlayerDebug":false,"teaserSize":"100","realTeaserSize":"100"},"ardPlayerJsonConfig":{"playerConfig":{"generic":{"isAutoplay":false,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedAutoplay":false,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hr-vh.akamaihd.net/i/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_,480x270-50p-700kbit,512x288-25p-500kbit,640x360-50p-1200kbit,960x540-50p-1600kbit,1280x720-50p-3200kbit,1920x1080-50p-5000kbit,.mp4.csmil/master.m3u8","mimeType":"application/vnd.apple.mpegurl","isAdaptiveQualitySelectable":true,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"subTitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt","url":"https://hr-a.akamaihd.net/video/as/hessenschau/2022_03/hrLogo_220317201045_L422955_512x288-25p-500kbit.vtt"}]}],"meta":{"durationSeconds":1644,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Auszubildende dringend gesucht | hessenschau vom 17.03.2022","synopsis":"Erstaufnahme der Geflüchteten in Gießen / Bund-Länder-Treffen zu Geflüchteten aus der Ukraine / Zu wenig Lebensmittelkontrollen / Mehr Ausbildungsplätze als Bewerber / Dokumentation über Sinti und Roma / Nachwuchs im Frankfurter Zoo / Eintracht vor dem Europa League-Spiel"},"pluginData":{},"geoBlocked":false},"playerId":"8423","type":"videoOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.0b83d962.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.js","isAutoplay":false,"isPlayerDebug":false,"teaserSize":"100","realTeaserSize":"100"}},"video_livestream":{"ardPlayerConfig":{"playerConfig":{"generic":{"isAutoplay":true,"isDvrEnabled":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hrhlsde.akamaized.net/hls/live/2024526/hrhlsde/index.m3u8","mimeType":"application/vnd.apple.mpegurl","maxHResolutionPx":8000,"isAdaptiveQualitySelectable":true,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"subTitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt"}]}],"live":{"dvrWindowSeconds":7200},"meta":{"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Jetzt hr-fernsehen live sehen!"},"pluginData":{},"geoBlocked":false},"playerId":"6819","type":"videoLivestream","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.0b83d962.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.js","teaserSize":"100","realTeaserSize":"100","isAutoplay":true},"ardPlayerJsonConfig":{"playerConfig":{"generic":{"isAutoplay":false,"isDvrEnabled":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedVideoView":true,"isForcedAutoplay":false},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","videoLanguageCode":"de","media":[{"url":"https://hrhlsde.akamaized.net/hls/live/2024526/hrhlsde/index.m3u8","mimeType":"application/vnd.apple.mpegurl","maxHResolutionPx":8000,"isAdaptiveQualitySelectable":true,"audios":[{"kind":"standard","languageCode":"de"}]}]}],"subTitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt"}]}],"live":{"dvrWindowSeconds":7200},"meta":{"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Jetzt hr-fernsehen live sehen!"},"pluginData":{},"geoBlocked":false},"playerId":"6819","type":"videoLivestream","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.0b83d962.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.js","teaserSize":"100","realTeaserSize":"100","isAutoplay":false}},"audio":{"ardPlayerConfig":{"playerConfig":{"generic":{"isAutoplay":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://hr-a.akamaihd.net/audio/sport/2022_03/220317235611_Hinteregger.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":20,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Das Eintracht-Tor in der Reportage: \"Hinteregger schädelt den rein\"","synopsis":"Eintracht Frankfurt steht im Viertelfinale der Europa League. Hier gibt es die emotionale Audio-Reportage des Hinteregger-Treffers."},"pluginData":{},"geoBlocked":false},"playerId":"2563","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.0b83d962.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.js","isAutoplay":true,"teaserSize":"100","realTeaserSize":"100"},"ardPlayerJsonConfig":{"playerConfig":{"generic":{"isAutoplay":false,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedAutoplay":false,"isForcedVideoView":false},"pluginData":{"trackingAti@all":{"isEnabled":false},"trackingAgf@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://hr-a.akamaihd.net/audio/sport/2022_03/220317235611_Hinteregger.mp3","mimeType":"audio/mp3","audios":[{"kind":"standard","languageCode":"de"}]}]}],"meta":{"durationSeconds":20,"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Das Eintracht-Tor in der Reportage: \"Hinteregger schädelt den rein\"","synopsis":"Eintracht Frankfurt steht im Viertelfinale der Europa League. Hier gibt es die emotionale Audio-Reportage des Hinteregger-Treffers."},"pluginData":{},"geoBlocked":false},"playerId":"2563","type":"audioOndemand","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.0b83d962.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.js","isAutoplay":false,"teaserSize":"100","realTeaserSize":"100"}},"audio_event_livestream":{"ardPlayerConfig":{"playerConfig":{"generic":{"isAutoplay":true,"isDvrEnabled":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedAutoplay":true,"isForcedVideoView":true},"pluginData":{"trackingAti@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://hlshr3.akamaized.net/hls/live/2016536/hr3/master.m3u8","mimeType":"application/vnd.apple.mpegurl","audios":[{"kind":"standard","languageCode":"de"}]}]}],"subTitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt"}]}],"live":{"dvrWindowSeconds":7200},"meta":{"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Test Audio Event","synopsis":"Das Sicherheitspersonal hat am frühen Dienstagmorgen seinen Warnstreik am Frankfurter Flughafen gestartet. Reisende ab Frankfurt können sich den Weg zum Airport direkt sparen. Ein spezielles Team kümmert sich um Gestrandete."},"pluginData":{},"geoBlocked":false},"playerId":"1694","type":"audioLivestream","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.0b83d962.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.js","isAutoplay":true,"teaserSize":"50","realTeaserSize":"50"},"ardPlayerJsonConfig":{"playerConfig":{"generic":{"isAutoplay":false,"isDvrEnabled":true,"imageTemplateConfig":{"size":[{"minWidth":0,"value":"480/270"},{"minWidth":480,"value":"640/360"},{"minWidth":640,"value":"960/540"},{"minWidth":960,"value":"1920/1080"}]}},"web":{"baseUrl":"./vendor/ardplayer/","isForcedAutoplay":false,"isForcedVideoView":false},"pluginData":{"trackingAti@all":{"isEnabled":false}}},"mediaCollection":{"streams":[{"kind":"main","isAudioOnly":true,"media":[{"url":"https://hlshr3.akamaized.net/hls/live/2016536/hr3/master.m3u8","mimeType":"application/vnd.apple.mpegurl","audios":[{"kind":"standard","languageCode":"de"}]}]}],"subTitles":[{"kind":"normal","languageCode":"de","sources":[{"kind":"webvtt"}]}],"live":{"dvrWindowSeconds":7200},"meta":{"images":[{"kind":"preview","url":"https://picsum.photos/id/101/{size}"}],"title":"Test Audio Event","synopsis":"Das Sicherheitspersonal hat am frühen Dienstagmorgen seinen Warnstreik am Frankfurter Flughafen gestartet. Reisende ab Frankfurt können sich den Weg zum Airport direkt sparen. Ein spezielles Team kümmert sich um Gestrandete."},"pluginData":{},"geoBlocked":false},"playerId":"1694","type":"audioLivestream","cssUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.0b83d962.css","jsUrl":"./vendor/ardplayer/ardplayer-hr-6.8.3.82603554.js","isAutoplay":false,"teaserSize":"50","realTeaserSize":"50"}}}
package/src/stories/views/components/mediaplayer/media_player.hbs CHANGED
@@ -1,20 +1,2 @@
1
- <div{{#if _isTeaser}} x-show="avStart" x-cloak{{/if}} id="{{this.ardPlayerConfig.playerId}}" class="ar-16-9 h-full {{~#if _addClassImg}} {{_addClassImg}}{{/if}} {{#if _isTeaser}} z-20{{/if}} js-load {{if _uiTestHook _uiTestHook 'ui-test-mediaplayer'}}" data-hr-mediaplayer-loader='{{json this.ardPlayerJsonConfig}}'>
1
+ <div{{#if _isUsedInTeaser}} x-show="avStart" x-cloak{{/if}} id="{{this.ardPlayerConfig.playerId}}" class="{{#unless _isAudioView}}ar-16-9 {{/unless}}h-full {{~#if _addClassImg}} {{_addClassImg}}{{/if}} {{#if _isUsedInTeaser}} z-20{{/if}} js-load {{if _uiTestHook _uiTestHook 'ui-test-mediaplayer'}}" data-hr-mediaplayer-loader='{{json this.ardPlayerJsonConfig}}'>
2
2
  </div>
3
- {{#if _isTeaser}}
4
- <div class="relative {{_aspectRatio}}" 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>{{/if}}
14
- {{/with}}
15
-
16
- {{#with this}}
17
- {{> components/mediaplayer/mediaplayer_button _isLivestream=_isLivestream _icon=_mediaButtonIcon _label=_mediaButtonLabel _teaserSize=_teaserSize _teaserType=_teaserType _isMobile1to1=_isMobile1to1}}
18
- {{/with}}
19
- </div>
20
- {{/if}}
package/src/stories/views/components/mediaplayer/mediaplayer.stories.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { userEvent, within, waitFor } from '@storybook/testing-library';
2
- import videoJson from 'components/mediaplayer/fixtures/mediaplayer.json'
2
+ import mediaplayerJson from 'components/mediaplayer/fixtures/mediaplayer.json'
3
3
 
4
4
  import mediaPlayer from 'components/mediaplayer/media_player.hbs'
5
5
  import { delay } from 'underscore';
@@ -45,13 +45,13 @@ export default {
45
45
  export const Videoplayer = {
46
46
  render: Template.bind({}),
47
47
  name: 'Videoplayer',
48
- args: { "_isTeaser": false, ...videoJson.video },
48
+ args: { "_isTeaser": false, ...mediaplayerJson.video },
49
49
  }
50
50
 
51
51
  export const VideoplayerSettings = {
52
52
  render: Template.bind({}),
53
53
  name: 'Videoplayer Einstellungen',
54
- args: { "_isTeaser": false, ...videoJson.video },
54
+ args: { "_isTeaser": false, ...mediaplayerJson.video },
55
55
  play: async ({ canvasElement }) => {
56
56
  let canvas = within(canvasElement);
57
57
  await userEvent.click(await canvas.findByTitle('Wiedergabe [Leertaste]'));
@@ -64,5 +64,17 @@ export const VideoplayerSettings = {
64
64
  export const VideoplayerLive = {
65
65
  render: Template.bind({}),
66
66
  name: 'Videoplayer Livestream',
67
- args: { "_isTeaser": false, ...videoJson.video_livestream },
67
+ args: { "_isTeaser": false, ...mediaplayerJson.video_livestream },
68
+ }
69
+
70
+ export const Audioplayer = {
71
+ render: Template.bind({}),
72
+ name: 'Audioplayer',
73
+ args: { "_isTeaser": false, _isAudioView: true, ...mediaplayerJson.audio },
74
+ }
75
+
76
+ export const AudioplayerLivestream = {
77
+ render: Template.bind({}),
78
+ name: 'Audioplayer Livestream',
79
+ args: { "_isTeaser": false, _isAudioView: true, ...mediaplayerJson.audio_event_livestream },
68
80
  }
package/src/stories/views/components/social_sharing/social_sharing_compact_icons.hbs CHANGED
@@ -61,15 +61,40 @@
61
61
  </li>
62
62
  {{/with}}
63
63
 
64
- <li class="">
64
+ <li x-data="copyHandler()" x-on:click="copyToClipboard" class="">
65
65
  <a class="{{#with ../this.content.trackingData}} js-load{{/with}} flex order-2 ds-button font-heading active:scale-95 w-8 h-8"
66
-
67
- href="javascript:window.print()"
68
- title="{{loca "share_print_linktitle" }}"
66
+ title="{{loca "share_copy_linktitle" }}"
69
67
  {{#with ../this.content.trackingData}}
70
- data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::printbutton"}]}'
68
+ data-hr-click-tracking='{"settings": [{"type":"uxAction","secondLevelId": "{{this.secondLevelId}}","clickLabel": "socialShareClick::copybutton"}]}'
71
69
  {{/with}}
72
70
  >
73
71
  {{~> components/base/image/icon _addClass="w-full h-full fill-link hover:scale-105" _icon="copy-ds" _iconmap="icons" ~}}
74
72
  </a>
75
73
  </li>
74
+ <div class="absolute flex flex-row items-center justify-end hidden w-full h-8 text-xs bg-white js-copyMessage sm480:text-sm font-headingSerif dark:text-text-dark">
75
+ {{~> components/base/image/icon _addClass="w-6 h-6 text-green-600 mr-2" _icon="status-done" _iconmap="icons" ~}}
76
+ {{loca "share_copy_message" }}
77
+ </div>
78
+
79
+ <script>
80
+ function copyHandler(){
81
+ return {
82
+ copyToClipboard(event) {
83
+ const messageDiv = document.querySelector('.js-copyMessage')
84
+ const el = document.createElement('textarea')
85
+ el.value = window.location.href
86
+ el.setAttribute('readonly', '')
87
+ el.style.position = 'absolute'
88
+ el.style.left = '-9999px'
89
+ document.body.appendChild(el)
90
+ el.select()
91
+ document.execCommand('copy')
92
+ document.body.removeChild(el)
93
+ messageDiv.classList.remove('hidden')
94
+ window.setTimeout(() => {
95
+ messageDiv.classList.add('hidden')
96
+ }, 2000)
97
+ }
98
+ }
99
+ }
100
+ </script>
package/src/stories/views/components/teaser/components/teaser_av_consumption.hbs CHANGED
@@ -1,7 +1,10 @@
1
1
  {{#with this.teaserLead.avDocument}}
2
2
  {{~#if this.isVideo ~}}
3
3
  {{#with this.toModel.videoElement}}
4
- {{~> components/mediaplayer/media_player _uiTestHook="ui-test-video-ondemand-player" _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _isTeaser=true _teaser=../../this _aspectRatio=../../_aspectRatio _teaserSize=../../_teaserSize _isMobile1to1=../../_isMobile1to1 _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag _teaserType=../../_teaserType _addClassImg=../../_addClassImg~}}
4
+ {{~> components/mediaplayer/media_player _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}}
7
+ {{/with}}
5
8
  {{#if ../../_isMobile1to1~}}
6
9
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
7
10
  {{~/if~}}
@@ -9,7 +12,10 @@
9
12
  {{~/if~}}
10
13
  {{~#if this.isAudio ~}}
11
14
  {{#with this.toModel.audioElement}}
12
- {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-ondemand-player" _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag _teaserType=../../_teaserType _addClassImg=../../_addClassImg~}}
15
+ {{~> components/mediaplayer/media_player _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}}
18
+ {{/with}}
13
19
  {{#if ../../_isMobile1to1~}}
14
20
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
15
21
  {{~/if~}}
@@ -17,7 +23,10 @@
17
23
  {{~/if~}}
18
24
  {{~#if this.isPodcast ~}}
19
25
  {{#with this.toModel.audioElement}}
20
- {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-ondemand-player" _mediaButtonIcon="audio_button" _mediaButtonLabel="Podcast" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag _teaserType=../../_teaserType _addClassImg=../../_addClassImg~}}
26
+ {{~> components/mediaplayer/media_player _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}}
29
+ {{/with}}
21
30
  {{#if ../../_isMobile1to1~}}
22
31
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
23
32
  {{~/if~}}
@@ -25,7 +34,10 @@
25
34
  {{~/if~}}
26
35
  {{~#if this.isAudioEventLivestream ~}}
27
36
  {{#with this.toModel.audioLivestreamElement}}
28
- {{~> components/mediaplayer/media_player _uiTestHook="ui-test-audio-livestream-player" _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream="true" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag _teaserType=../../_teaserType _addClassImg=../../_addClassImg~}}
37
+ {{~> components/mediaplayer/media_player _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}}
40
+ {{/with}}
29
41
  {{#if ../../_isMobile1to1~}}
30
42
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
31
43
  {{~/if~}}
@@ -33,7 +45,10 @@
33
45
  {{~/if~}}
34
46
  {{~#if this.isLivestream ~}}
35
47
  {{#with this.toModel.videoLivestreamElement}}
36
- {{~> components/mediaplayer/media_player _uiTestHook="ui-test-video-livestream-player" _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _isLivestream="true" _isTeaser=true _teaser=../../this _audioUrl=../this.audioUrl _variant=../this.imageVariant _noDelay=../../_noDelay _aspectRatio=../../_aspectRatio _isMobile1to1=../../_isMobile1to1 _teaserSize=../../_teaserSize _geotag=../../this.geotag _hideGeotag=../../this.hideGeotag _teaserType=../../_teaserType _addClassImg=../../_addClassImg~}}
48
+ {{~> components/mediaplayer/media_player _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}}
51
+ {{/with}}
37
52
  {{#if ../../_isMobile1to1~}}
38
53
  {{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
39
54
  {{~/if~}}
package/src/stories/views/components/teaser/components/teaser_media_player.hbs ADDED
@@ -0,0 +1,15 @@
1
+ <div class="relative {{_aspectRatio}}" x-show="!avStart" >
2
+ {{#unless this.hideGeotag}}
3
+ {{~#with this.geotag}}
4
+ {{> components/geoTag/geoTag _text=this.[0].title _teaserSize=../this.teaserSize _isMobile1to1=../this.isMobile1to1}}
5
+ {{/with~}}
6
+ {{/unless}}
7
+
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
+ {{~> 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 ~}}
10
+ {{#if this.isTickerTeaser}}</a>{{/if}}
11
+
12
+ {{#with this}}
13
+ {{> components/mediaplayer/mediaplayer_button _isLivestream=_isLivestream _icon=_mediaButtonIcon _label=_mediaButtonLabel _teaserSize=this.teaserSize _teaserType=this.teaserType _isMobile1to1=this.isMobile1to1}}
14
+ {{/with}}
15
+ </div>