hr-design-system-handlebars 1.114.64 β 1.114.66
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +25 -0
- package/dist/assets/index.css +6 -3
- package/dist/views/components/content/copytext/components/media/media_figure.hbs +18 -4
- package/dist/views/components/voting/voting_result.hbs +4 -2
- package/dist/views_static/components/content/copytext/components/media/media_figure.hbs +18 -4
- package/dist/views_static/components/voting/voting_result.hbs +4 -2
- package/package.json +1 -1
- package/src/stories/views/components/content/copytext/components/media/media_figure.hbs +18 -4
- package/src/stories/views/components/voting/voting_result.hbs +4 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,28 @@
|
|
|
1
|
+
# v1.114.66 (Mon Jan 20 2025)
|
|
2
|
+
|
|
3
|
+
#### π Bug Fix
|
|
4
|
+
|
|
5
|
+
- voting fine-tuning [#1215](https://github.com/mumprod/hr-design-system-handlebars/pull/1215) ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v1.114.65 (Mon Jan 20 2025)
|
|
14
|
+
|
|
15
|
+
#### π Bug Fix
|
|
16
|
+
|
|
17
|
+
- Add optional sticky media player wrapper for video on demand and live⦠[#1214](https://github.com/mumprod/hr-design-system-handlebars/pull/1214) ([@vascoeduardo](https://github.com/vascoeduardo) [@eduardo-hr](https://github.com/eduardo-hr))
|
|
18
|
+
|
|
19
|
+
#### Authors: 2
|
|
20
|
+
|
|
21
|
+
- [@eduardo-hr](https://github.com/eduardo-hr)
|
|
22
|
+
- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
|
|
23
|
+
|
|
24
|
+
---
|
|
25
|
+
|
|
1
26
|
# v1.114.64 (Mon Jan 20 2025)
|
|
2
27
|
|
|
3
28
|
#### π Bug Fix
|
package/dist/assets/index.css
CHANGED
|
@@ -1478,6 +1478,9 @@ article #commentList {
|
|
|
1478
1478
|
.mb-8 {
|
|
1479
1479
|
margin-bottom: 2rem;
|
|
1480
1480
|
}
|
|
1481
|
+
.mb-\[9px\] {
|
|
1482
|
+
margin-bottom: 9px;
|
|
1483
|
+
}
|
|
1481
1484
|
.ml-0\.5 {
|
|
1482
1485
|
margin-left: 0.125rem;
|
|
1483
1486
|
}
|
|
@@ -3734,7 +3737,7 @@ article #commentList {
|
|
|
3734
3737
|
border-bottom-color: var(--color-secondary-ds);
|
|
3735
3738
|
}
|
|
3736
3739
|
.counter-reset {
|
|
3737
|
-
counter-reset:
|
|
3740
|
+
counter-reset: cnt1737395324301;
|
|
3738
3741
|
}
|
|
3739
3742
|
html { scroll-behavior: smooth; }
|
|
3740
3743
|
.placeholder-text-xs::-webkit-input-placeholder {
|
|
@@ -4149,7 +4152,7 @@ html { scroll-behavior: smooth; }
|
|
|
4149
4152
|
--tw-ring-color: rgba(255, 255, 255, 0.5);
|
|
4150
4153
|
}
|
|
4151
4154
|
.-ordered {
|
|
4152
|
-
counter-increment:
|
|
4155
|
+
counter-increment: cnt1737395324301 1;
|
|
4153
4156
|
}
|
|
4154
4157
|
.-ordered::before {
|
|
4155
4158
|
position: absolute;
|
|
@@ -4167,7 +4170,7 @@ html { scroll-behavior: smooth; }
|
|
|
4167
4170
|
--tw-text-opacity: 1;
|
|
4168
4171
|
color: rgba(0, 0, 0, 1);
|
|
4169
4172
|
color: rgba(0, 0, 0, var(--tw-text-opacity));
|
|
4170
|
-
content: counter(
|
|
4173
|
+
content: counter(cnt1737395324301);
|
|
4171
4174
|
}
|
|
4172
4175
|
/*! ****************************/
|
|
4173
4176
|
/*! DataPolicy stuff */
|
|
@@ -28,14 +28,28 @@
|
|
|
28
28
|
{{/if}}
|
|
29
29
|
{{#if this.isVideoOnDemand}}
|
|
30
30
|
{{#with this.toModel.videoElement}}
|
|
31
|
-
{{
|
|
32
|
-
|
|
31
|
+
{{#if ../_isSticky}}
|
|
32
|
+
{{#> components/mediaplayer/mediaPlayer_stickyWrapper}}
|
|
33
|
+
{{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg ~}}
|
|
34
|
+
{{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio="ar-16-9" _noDelay=../_isLead }}
|
|
35
|
+
{{/components/mediaplayer/mediaPlayer_stickyWrapper}}
|
|
36
|
+
{{else}}
|
|
37
|
+
{{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg ~}}
|
|
38
|
+
{{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio="ar-16-9" _noDelay=../_isLead }}
|
|
39
|
+
{{/if}}
|
|
33
40
|
{{/with}}
|
|
34
41
|
{{/if}}
|
|
35
42
|
{{#if this.isLivestream}}
|
|
36
43
|
{{#with this.toModel.videoLivestreamElement}}
|
|
37
|
-
{{
|
|
38
|
-
|
|
44
|
+
{{#if ../_isSticky}}
|
|
45
|
+
{{#> components/mediaplayer/mediaPlayer_stickyWrapper}}
|
|
46
|
+
{{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg ~}}
|
|
47
|
+
{{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLivestream=true _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _aspectRatio="ar-16-9" _noDelay=../_isLead }}
|
|
48
|
+
{{/components/mediaplayer/mediaPlayer_stickyWrapper}}
|
|
49
|
+
{{else}}
|
|
50
|
+
{{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg ~}}
|
|
51
|
+
{{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLivestream=true _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _aspectRatio="ar-16-9" _noDelay=../_isLead }}
|
|
52
|
+
{{/if}}
|
|
39
53
|
{{/with}}
|
|
40
54
|
{{/if}}
|
|
41
55
|
{{#unless _voting-option}}
|
|
@@ -11,7 +11,9 @@
|
|
|
11
11
|
<div class="{{#if ../this.isSimpleSecured}}js-load{{/if}}{{#if _addClass}} {{_addClass}}{{/if}}"
|
|
12
12
|
{{#unless ../this.isVotingOver}}
|
|
13
13
|
{{#if ../this.isSimpleSecured}}
|
|
14
|
-
|
|
14
|
+
{{#if _statusDone}}
|
|
15
|
+
data-hr-voting-result-cookie-ds='{"cookieLifetime":"{{this.cookieLifetime}}","votingId":"{{this.sophoraId}}"}'
|
|
16
|
+
{{/if}}
|
|
15
17
|
{{/if}}
|
|
16
18
|
{{/unless}}
|
|
17
19
|
>
|
|
@@ -35,7 +37,7 @@
|
|
|
35
37
|
<div class="flex">
|
|
36
38
|
<div class="grow">
|
|
37
39
|
<div class="{{#if @first}}mt-7 sm:mt-9{{else}}mt-3 sm:mt-4{{/if}} text-base sm:text-lg font-copy dark:text-text-dark">{{this.label}}</div>
|
|
38
|
-
<div class="mt-0.5 sm:mt-1 w-full bg-gray-alto rounded-full h-2">
|
|
40
|
+
<div class="mt-0.5 mb-[9px] sm:mt-1 w-full bg-gray-alto rounded-full h-2">
|
|
39
41
|
<div class="{{#if this.isWinner}}bg-orange-spicyCarrot-hex{{else}}bg-blue-congress-hex{{/if}} h-2 rounded-full" style="width:{{this.roundedPercentageCount}}%;animation: progressAnimationDS 5s"></div>
|
|
40
42
|
</div>
|
|
41
43
|
</div>
|
|
@@ -28,14 +28,28 @@
|
|
|
28
28
|
{{/if}}
|
|
29
29
|
{{#if this.isVideoOnDemand}}
|
|
30
30
|
{{#with this.toModel.videoElement}}
|
|
31
|
-
{{
|
|
32
|
-
|
|
31
|
+
{{#if ../_isSticky}}
|
|
32
|
+
{{#> components/mediaplayer/mediaPlayer_stickyWrapper}}
|
|
33
|
+
{{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg ~}}
|
|
34
|
+
{{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio="ar-16-9" _noDelay=../_isLead }}
|
|
35
|
+
{{/components/mediaplayer/mediaPlayer_stickyWrapper}}
|
|
36
|
+
{{else}}
|
|
37
|
+
{{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg ~}}
|
|
38
|
+
{{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio="ar-16-9" _noDelay=../_isLead }}
|
|
39
|
+
{{/if}}
|
|
33
40
|
{{/with}}
|
|
34
41
|
{{/if}}
|
|
35
42
|
{{#if this.isLivestream}}
|
|
36
43
|
{{#with this.toModel.videoLivestreamElement}}
|
|
37
|
-
{{
|
|
38
|
-
|
|
44
|
+
{{#if ../_isSticky}}
|
|
45
|
+
{{#> components/mediaplayer/mediaPlayer_stickyWrapper}}
|
|
46
|
+
{{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg ~}}
|
|
47
|
+
{{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLivestream=true _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _aspectRatio="ar-16-9" _noDelay=../_isLead }}
|
|
48
|
+
{{/components/mediaplayer/mediaPlayer_stickyWrapper}}
|
|
49
|
+
{{else}}
|
|
50
|
+
{{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg ~}}
|
|
51
|
+
{{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLivestream=true _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _aspectRatio="ar-16-9" _noDelay=../_isLead }}
|
|
52
|
+
{{/if}}
|
|
39
53
|
{{/with}}
|
|
40
54
|
{{/if}}
|
|
41
55
|
{{#unless _voting-option}}
|
|
@@ -11,7 +11,9 @@
|
|
|
11
11
|
<div class="{{#if ../this.isSimpleSecured}}js-load{{/if}}{{#if _addClass}} {{_addClass}}{{/if}}"
|
|
12
12
|
{{#unless ../this.isVotingOver}}
|
|
13
13
|
{{#if ../this.isSimpleSecured}}
|
|
14
|
-
|
|
14
|
+
{{#if _statusDone}}
|
|
15
|
+
data-hr-voting-result-cookie-ds='{"cookieLifetime":"{{this.cookieLifetime}}","votingId":"{{this.sophoraId}}"}'
|
|
16
|
+
{{/if}}
|
|
15
17
|
{{/if}}
|
|
16
18
|
{{/unless}}
|
|
17
19
|
>
|
|
@@ -35,7 +37,7 @@
|
|
|
35
37
|
<div class="flex">
|
|
36
38
|
<div class="grow">
|
|
37
39
|
<div class="{{#if @first}}mt-7 sm:mt-9{{else}}mt-3 sm:mt-4{{/if}} text-base sm:text-lg font-copy dark:text-text-dark">{{this.label}}</div>
|
|
38
|
-
<div class="mt-0.5 sm:mt-1 w-full bg-gray-alto rounded-full h-2">
|
|
40
|
+
<div class="mt-0.5 mb-[9px] sm:mt-1 w-full bg-gray-alto rounded-full h-2">
|
|
39
41
|
<div class="{{#if this.isWinner}}bg-orange-spicyCarrot-hex{{else}}bg-blue-congress-hex{{/if}} h-2 rounded-full" style="width:{{this.roundedPercentageCount}}%;animation: progressAnimationDS 5s"></div>
|
|
40
42
|
</div>
|
|
41
43
|
</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.114.
|
|
9
|
+
"version": "1.114.66",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
12
12
|
"storybook": "storybook dev -p 6006 public",
|
|
@@ -28,14 +28,28 @@
|
|
|
28
28
|
{{/if}}
|
|
29
29
|
{{#if this.isVideoOnDemand}}
|
|
30
30
|
{{#with this.toModel.videoElement}}
|
|
31
|
-
{{
|
|
32
|
-
|
|
31
|
+
{{#if ../_isSticky}}
|
|
32
|
+
{{#> components/mediaplayer/mediaPlayer_stickyWrapper}}
|
|
33
|
+
{{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg ~}}
|
|
34
|
+
{{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio="ar-16-9" _noDelay=../_isLead }}
|
|
35
|
+
{{/components/mediaplayer/mediaPlayer_stickyWrapper}}
|
|
36
|
+
{{else}}
|
|
37
|
+
{{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg ~}}
|
|
38
|
+
{{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Video" _aspectRatio="ar-16-9" _noDelay=../_isLead }}
|
|
39
|
+
{{/if}}
|
|
33
40
|
{{/with}}
|
|
34
41
|
{{/if}}
|
|
35
42
|
{{#if this.isLivestream}}
|
|
36
43
|
{{#with this.toModel.videoLivestreamElement}}
|
|
37
|
-
{{
|
|
38
|
-
|
|
44
|
+
{{#if ../_isSticky}}
|
|
45
|
+
{{#> components/mediaplayer/mediaPlayer_stickyWrapper}}
|
|
46
|
+
{{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg ~}}
|
|
47
|
+
{{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLivestream=true _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _aspectRatio="ar-16-9" _noDelay=../_isLead }}
|
|
48
|
+
{{/components/mediaplayer/mediaPlayer_stickyWrapper}}
|
|
49
|
+
{{else}}
|
|
50
|
+
{{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg ~}}
|
|
51
|
+
{{~> components/teaser/components/teaser_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLivestream=true _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="play_button" _mediaButtonLabel="Live" _aspectRatio="ar-16-9" _noDelay=../_isLead }}
|
|
52
|
+
{{/if}}
|
|
39
53
|
{{/with}}
|
|
40
54
|
{{/if}}
|
|
41
55
|
{{#unless _voting-option}}
|
|
@@ -11,7 +11,9 @@
|
|
|
11
11
|
<div class="{{#if ../this.isSimpleSecured}}js-load{{/if}}{{#if _addClass}} {{_addClass}}{{/if}}"
|
|
12
12
|
{{#unless ../this.isVotingOver}}
|
|
13
13
|
{{#if ../this.isSimpleSecured}}
|
|
14
|
-
|
|
14
|
+
{{#if _statusDone}}
|
|
15
|
+
data-hr-voting-result-cookie-ds='{"cookieLifetime":"{{this.cookieLifetime}}","votingId":"{{this.sophoraId}}"}'
|
|
16
|
+
{{/if}}
|
|
15
17
|
{{/if}}
|
|
16
18
|
{{/unless}}
|
|
17
19
|
>
|
|
@@ -35,7 +37,7 @@
|
|
|
35
37
|
<div class="flex">
|
|
36
38
|
<div class="grow">
|
|
37
39
|
<div class="{{#if @first}}mt-7 sm:mt-9{{else}}mt-3 sm:mt-4{{/if}} text-base sm:text-lg font-copy dark:text-text-dark">{{this.label}}</div>
|
|
38
|
-
<div class="mt-0.5 sm:mt-1 w-full bg-gray-alto rounded-full h-2">
|
|
40
|
+
<div class="mt-0.5 mb-[9px] sm:mt-1 w-full bg-gray-alto rounded-full h-2">
|
|
39
41
|
<div class="{{#if this.isWinner}}bg-orange-spicyCarrot-hex{{else}}bg-blue-congress-hex{{/if}} h-2 rounded-full" style="width:{{this.roundedPercentageCount}}%;animation: progressAnimationDS 5s"></div>
|
|
40
42
|
</div>
|
|
41
43
|
</div>
|