hr-design-system-handlebars 0.87.0 → 0.87.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/dist/assets/index.css +6 -9
- package/dist/views/components/mediaplayer/media_player.hbs +1 -8
- package/dist/views/components/teaser/components/teaser_av_consumption.hbs +1 -1
- package/package.json +1 -1
- package/src/stories/views/components/mediaplayer/media_player.hbs +1 -8
- package/src/stories/views/components/teaser/components/teaser_av_consumption.hbs +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,16 @@
|
|
|
1
|
+
# v0.87.1 (Tue Nov 22 2022)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- change Podcast playbutton to Audio playbutton [#392](https://github.com/mumprod/hr-design-system-handlebars/pull/392) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
|
|
6
|
+
|
|
7
|
+
#### Authors: 2
|
|
8
|
+
|
|
9
|
+
- Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
|
|
10
|
+
- selbaciri (saad.elbaciri@hr.de)
|
|
11
|
+
|
|
12
|
+
---
|
|
13
|
+
|
|
1
14
|
# v0.87.0 (Tue Nov 22 2022)
|
|
2
15
|
|
|
3
16
|
#### 🚀 Enhancement
|
package/dist/assets/index.css
CHANGED
|
@@ -662,15 +662,15 @@ video {
|
|
|
662
662
|
.right-0 {
|
|
663
663
|
right: 0px;
|
|
664
664
|
}
|
|
665
|
-
.top-0 {
|
|
666
|
-
top: 0px;
|
|
667
|
-
}
|
|
668
665
|
.left-1\/2 {
|
|
669
666
|
left: 50%;
|
|
670
667
|
}
|
|
671
668
|
.top-1\/2 {
|
|
672
669
|
top: 50%;
|
|
673
670
|
}
|
|
671
|
+
.top-0 {
|
|
672
|
+
top: 0px;
|
|
673
|
+
}
|
|
674
674
|
.top-10 {
|
|
675
675
|
top: 2.5rem;
|
|
676
676
|
}
|
|
@@ -739,9 +739,6 @@ video {
|
|
|
739
739
|
.\!m-0 {
|
|
740
740
|
margin: 0px !important;
|
|
741
741
|
}
|
|
742
|
-
.m-5 {
|
|
743
|
-
margin: 1.25rem;
|
|
744
|
-
}
|
|
745
742
|
.m-1\.5 {
|
|
746
743
|
margin: 0.375rem;
|
|
747
744
|
}
|
|
@@ -2252,7 +2249,7 @@ video {
|
|
|
2252
2249
|
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
|
|
2253
2250
|
}
|
|
2254
2251
|
.counter-reset {
|
|
2255
|
-
counter-reset:
|
|
2252
|
+
counter-reset: cnt1669111038259;
|
|
2256
2253
|
}
|
|
2257
2254
|
.line-clamp-4 {
|
|
2258
2255
|
overflow: hidden;
|
|
@@ -2641,7 +2638,7 @@ video {
|
|
|
2641
2638
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
2642
2639
|
}
|
|
2643
2640
|
.-ordered {
|
|
2644
|
-
counter-increment:
|
|
2641
|
+
counter-increment: cnt1669111038259 1;
|
|
2645
2642
|
}
|
|
2646
2643
|
.-ordered::before {
|
|
2647
2644
|
position: absolute;
|
|
@@ -2657,7 +2654,7 @@ video {
|
|
|
2657
2654
|
letter-spacing: .0125em;
|
|
2658
2655
|
--tw-text-opacity: 1;
|
|
2659
2656
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
2660
|
-
content: counter(
|
|
2657
|
+
content: counter(cnt1669111038259);
|
|
2661
2658
|
}
|
|
2662
2659
|
.\[-T\:\+Z\] {
|
|
2663
2660
|
--t: +Z;
|
|
@@ -25,18 +25,11 @@
|
|
|
25
25
|
_addClass='absolute bottom-0 right-0 fill-white hover:text-white js-mediaplayer__button'
|
|
26
26
|
_buttonColor=(if _isLivestream ' text-orange-spicyCarrot hover:fill-orange-spicyCarrot' ' text-blue-jellyBean hover:fill-blue-jellyBean')
|
|
27
27
|
_buttonSpace=(inline-switch _teaserSize '["25","33"]' '[" my-2 mx-2"," my-5 mx-5 md:my-3 md:mx-3"," my-5 mx-5"]')
|
|
28
|
-
_showIcon=true
|
|
28
|
+
_showIcon=true
|
|
29
29
|
_icon=_mediaButtonIcon
|
|
30
30
|
_label=_mediaButtonLabel
|
|
31
31
|
_srOnly="true"
|
|
32
32
|
_alpineClick="avStart = !avStart; $dispatch('player_start')"
|
|
33
33
|
}}
|
|
34
|
-
{{~#if this.isPodcast~}}
|
|
35
|
-
<a href="{{this.podcastDownloadUrl}}" class="absolute top-0 right-0 m-5 js-load"{{#with
|
|
36
|
-
this.trackingData}}
|
|
37
|
-
data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "{{this.pageName}}", "secondLevelId": "{{this.secondLevelId}}"}, {"type": "uxAction", "clickLabel": "medienDownload::podcast::{{_type}}", "secondLevelId": "{{this.secondLevelId}}" }]}'{{/with}}>
|
|
38
|
-
{{> components/base/image/icon _icon='download-button' _addClass="w-10 h-10"}}
|
|
39
|
-
</a>
|
|
40
|
-
{{~/if~}}
|
|
41
34
|
</div>
|
|
42
35
|
{{/if}}
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
{{~/if~}}
|
|
18
18
|
{{~#if this.isPodcast ~}}
|
|
19
19
|
{{#with this.toModel.audioElement}}
|
|
20
|
-
{{~> components/mediaplayer/media_player _cypressHook="js-audio-ondemand" _mediaButtonIcon="
|
|
20
|
+
{{~> components/mediaplayer/media_player _cypressHook="js-audio-ondemand" _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~}}
|
|
21
21
|
{{#if ../../_isMobile1to1~}}
|
|
22
22
|
{{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
|
|
23
23
|
{{~/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": "0.87.
|
|
9
|
+
"version": "0.87.1",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "start-storybook -p 6006 public",
|
|
@@ -25,18 +25,11 @@
|
|
|
25
25
|
_addClass='absolute bottom-0 right-0 fill-white hover:text-white js-mediaplayer__button'
|
|
26
26
|
_buttonColor=(if _isLivestream ' text-orange-spicyCarrot hover:fill-orange-spicyCarrot' ' text-blue-jellyBean hover:fill-blue-jellyBean')
|
|
27
27
|
_buttonSpace=(inline-switch _teaserSize '["25","33"]' '[" my-2 mx-2"," my-5 mx-5 md:my-3 md:mx-3"," my-5 mx-5"]')
|
|
28
|
-
_showIcon=true
|
|
28
|
+
_showIcon=true
|
|
29
29
|
_icon=_mediaButtonIcon
|
|
30
30
|
_label=_mediaButtonLabel
|
|
31
31
|
_srOnly="true"
|
|
32
32
|
_alpineClick="avStart = !avStart; $dispatch('player_start')"
|
|
33
33
|
}}
|
|
34
|
-
{{~#if this.isPodcast~}}
|
|
35
|
-
<a href="{{this.podcastDownloadUrl}}" class="absolute top-0 right-0 m-5 js-load"{{#with
|
|
36
|
-
this.trackingData}}
|
|
37
|
-
data-hr-click-tracking='{"settings": [{"type": "download", "clickLabel": "{{this.pageName}}", "secondLevelId": "{{this.secondLevelId}}"}, {"type": "uxAction", "clickLabel": "medienDownload::podcast::{{_type}}", "secondLevelId": "{{this.secondLevelId}}" }]}'{{/with}}>
|
|
38
|
-
{{> components/base/image/icon _icon='download-button' _addClass="w-10 h-10"}}
|
|
39
|
-
</a>
|
|
40
|
-
{{~/if~}}
|
|
41
34
|
</div>
|
|
42
35
|
{{/if}}
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
{{~/if~}}
|
|
18
18
|
{{~#if this.isPodcast ~}}
|
|
19
19
|
{{#with this.toModel.audioElement}}
|
|
20
|
-
{{~> components/mediaplayer/media_player _cypressHook="js-audio-ondemand" _mediaButtonIcon="
|
|
20
|
+
{{~> components/mediaplayer/media_player _cypressHook="js-audio-ondemand" _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~}}
|
|
21
21
|
{{#if ../../_isMobile1to1~}}
|
|
22
22
|
{{> components/teaser/components/teaser_av_consumption_close_button _playerId=this.ardPlayerConfig.playerId }}
|
|
23
23
|
{{~/if~}}
|