hr-design-system-handlebars 1.114.26 → 1.114.28

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 (26) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/dist/assets/index.css +3 -3
  3. package/dist/views/components/content/copytext/components/media/media_figure_voting.hbs +17 -0
  4. package/dist/views/components/forms/components/mediaChoice.hbs +18 -12
  5. package/dist/views/components/teaser/components/teaser_av_consumption.hbs +1 -1
  6. package/dist/views/components/voting/voting_media_player.hbs +6 -0
  7. package/dist/views_static/components/content/copytext/components/media/media_figure_voting.hbs +17 -0
  8. package/dist/views_static/components/forms/components/mediaChoice.hbs +18 -12
  9. package/dist/views_static/components/teaser/components/teaser_av_consumption.hbs +1 -1
  10. package/dist/views_static/components/voting/voting_media_player.hbs +6 -0
  11. package/package.json +1 -1
  12. package/src/assets/fixtures/voting/voting.json +32 -0
  13. package/src/assets/fixtures/voting/voting_media_audio_horizontal.json +253 -0
  14. package/src/assets/fixtures/voting/voting_media_audio_vertical.json +249 -0
  15. package/src/assets/fixtures/voting/voting_media_video_horizontal.json +201 -0
  16. package/src/assets/fixtures/voting/voting_media_video_vertical.json +197 -0
  17. package/src/stories/views/components/content/copytext/components/media/media_figure_voting.hbs +17 -0
  18. package/src/stories/views/components/forms/components/mediaChoice.hbs +18 -12
  19. package/src/stories/views/components/teaser/components/teaser_av_consumption.hbs +1 -1
  20. package/src/stories/views/components/voting/fixtures/voting.json +1 -1
  21. package/src/stories/views/components/voting/fixtures/voting_media_audio_horizontal.json +1 -0
  22. package/src/stories/views/components/voting/fixtures/voting_media_audio_vertical.json +1 -0
  23. package/src/stories/views/components/voting/fixtures/voting_media_video_horizontal.json +1 -0
  24. package/src/stories/views/components/voting/fixtures/voting_media_video_vertical.json +1 -0
  25. package/src/stories/views/components/voting/voting.stories.js +24 -0
  26. package/src/stories/views/components/voting/voting_media_player.hbs +6 -0
package/src/assets/fixtures/voting/voting_media_audio_vertical.json ADDED
@@ -0,0 +1,249 @@
1
+ {
2
+ "@->jsoninclude": "voting/voting.inc.json",
3
+ "@->contentpath": "multivote-1",
4
+ "@->overrides": [
5
+ {
6
+ "@->contentpath": "isMultipleChoice",
7
+ "@->value": true
8
+ },
9
+ {
10
+ "@->contentpath": "maxAnswerCount",
11
+ "@->value": 3
12
+ },
13
+ {
14
+ "@->contentpath":"isMultimediaVoting",
15
+ "@->value": true
16
+ },
17
+ {
18
+ "@->contentpath":"form.shorttext",
19
+ "@->value": ""
20
+ },
21
+ {
22
+ "@->contentpath":"title",
23
+ "@->value": "Welches Audio gefällt Ihnen am besten?"
24
+ },
25
+ {
26
+ "@->contentpath":"votingResult",
27
+ "@->value": [
28
+ {
29
+ "label": "Audio 1",
30
+ "count": "27",
31
+ "percentageCount": "4,1",
32
+ "roundedPercentageCount": "4.0"
33
+ },
34
+ {
35
+ "label": "Audio 2",
36
+ "count": "117",
37
+ "percentageCount": "17,6",
38
+ "roundedPercentageCount": "18.0"
39
+ },
40
+ {
41
+ "label": "Audio 3",
42
+ "count": "242",
43
+ "percentageCount": "36,3",
44
+ "roundedPercentageCount": "36.0"
45
+ },
46
+ {
47
+ "label": "Audio 4",
48
+ "count": "280",
49
+ "percentageCount": "42,0",
50
+ "roundedPercentageCount": "42.0",
51
+ "isWinner": true
52
+ }
53
+ ]
54
+ },
55
+ {
56
+ "@->contentpath":"form.fields",
57
+ "@->value": [
58
+ {
59
+ "type": {
60
+ "isGroup": false,
61
+ "isChoice": true,
62
+ "asString": "checkbox"
63
+ },
64
+ "name": "multivoting",
65
+ "isGrouped": true,
66
+ "isRequired": false,
67
+ "options": [
68
+ {
69
+ "value": "1",
70
+ "label": "Audio 1",
71
+ "title": "Voting-Answer 1",
72
+ "mediaItem": {
73
+ "isAudio": true,
74
+ "isAudioOnDemand": true,
75
+ "toModel": {
76
+ "audioElementForVideoView": {
77
+ "isPodcast": false,
78
+ "ardPlayerConfig": {
79
+ "@->jsoninclude": "audio/audios.inc.json",
80
+ "@->contentpath": "audio-1",
81
+ "@->overrides": [
82
+ {
83
+ "@->contentpath": "playerId",
84
+ "@->value": "1234"
85
+ }
86
+ ]
87
+ },
88
+ "ardPlayerJsonConfig": {
89
+ "@->jsoninclude": "audio/audios.inc.json",
90
+ "@->contentpath": "audio-1",
91
+ "@->overrides": [
92
+ {
93
+ "@->contentpath": "playerId",
94
+ "@->value": "1234"
95
+ }
96
+ ]
97
+ }
98
+ }
99
+ },
100
+ "teaseritem": {
101
+ "@->jsoninclude": "teaser/teaser_images.inc.json",
102
+ "@->contentpath": "copytext_image_50",
103
+ "@->replaceToken": [
104
+ {
105
+ "@->token": "image",
106
+ "@->value": "lehrerin-ukraine-104"
107
+ }
108
+ ]
109
+ }
110
+ }
111
+ },
112
+ {
113
+ "value": "2",
114
+ "label": "Audio 2",
115
+ "title": "Voting-Answer 2",
116
+ "mediaItem": {
117
+ "isAudio": true,
118
+ "isAudioOnDemand": true,
119
+ "toModel": {
120
+ "audioElementForVideoView": {
121
+ "isPodcast": false,
122
+ "ardPlayerConfig": {
123
+ "@->jsoninclude": "audio/audios.inc.json",
124
+ "@->contentpath": "audio-2",
125
+ "@->overrides": [
126
+ {
127
+ "@->contentpath": "playerId",
128
+ "@->value": "5678"
129
+ }
130
+ ]
131
+ },
132
+ "ardPlayerJsonConfig": {
133
+ "@->jsoninclude": "audio/audios.inc.json",
134
+ "@->contentpath": "audio-2",
135
+ "@->overrides": [
136
+ {
137
+ "@->contentpath": "playerId",
138
+ "@->value": "5678"
139
+ }
140
+ ]
141
+ }
142
+ }
143
+ },
144
+ "teaseritem": {
145
+ "@->jsoninclude": "teaser/teaser_images.inc.json",
146
+ "@->contentpath": "copytext_image_50",
147
+ "@->replaceToken": [
148
+ {
149
+ "@->token": "image",
150
+ "@->value": "buchmesse-fahnen-102"
151
+ }
152
+ ]
153
+ }
154
+ }
155
+ },
156
+ {
157
+ "value": "3",
158
+ "label": "Audio 3",
159
+ "title": "Voting-Answer 3",
160
+ "mediaItem": {
161
+ "isAudio": true,
162
+ "isAudioOnDemand": true,
163
+ "toModel": {
164
+ "audioElementForVideoView": {
165
+ "isPodcast": false,
166
+ "ardPlayerConfig": {
167
+ "@->jsoninclude": "audio/audios.inc.json",
168
+ "@->contentpath": "audio-1",
169
+ "@->overrides": [
170
+ {
171
+ "@->contentpath": "playerId",
172
+ "@->value": "9123"
173
+ }
174
+ ]
175
+ },
176
+ "ardPlayerJsonConfig": {
177
+ "@->jsoninclude": "audio/audios.inc.json",
178
+ "@->contentpath": "audio-1",
179
+ "@->overrides": [
180
+ {
181
+ "@->contentpath": "playerId",
182
+ "@->value": "9123"
183
+ }
184
+ ]
185
+ }
186
+ }
187
+ },
188
+ "teaseritem": {
189
+ "@->jsoninclude": "teaser/teaser_images.inc.json",
190
+ "@->contentpath": "copytext_image_50",
191
+ "@->replaceToken": [
192
+ {
193
+ "@->token": "image",
194
+ "@->value": "connichi-106"
195
+ }
196
+ ]
197
+ }
198
+ }
199
+ },
200
+ {
201
+ "value": "4",
202
+ "label": "Audio 4",
203
+ "title": "Voting-Answer 4",
204
+ "mediaItem": {
205
+ "isAudio": true,
206
+ "isAudioOnDemand": true,
207
+ "toModel": {
208
+ "audioElementForVideoView": {
209
+ "isPodcast": false,
210
+ "ardPlayerConfig": {
211
+ "@->jsoninclude": "audio/audios.inc.json",
212
+ "@->contentpath": "audio-1",
213
+ "@->overrides": [
214
+ {
215
+ "@->contentpath": "playerId",
216
+ "@->value": "1478"
217
+ }
218
+ ]
219
+ },
220
+ "ardPlayerJsonConfig": {
221
+ "@->jsoninclude": "audio/audios.inc.json",
222
+ "@->contentpath": "audio-1",
223
+ "@->overrides": [
224
+ {
225
+ "@->contentpath": "playerId",
226
+ "@->value": "1478"
227
+ }
228
+ ]
229
+ }
230
+ }
231
+ },
232
+ "teaseritem": {
233
+ "@->jsoninclude": "teaser/teaser_images.inc.json",
234
+ "@->contentpath": "copytext_image_50",
235
+ "@->replaceToken": [
236
+ {
237
+ "@->token": "image",
238
+ "@->value": "hasebe-kane-102"
239
+ }
240
+ ]
241
+ }
242
+ }
243
+ }
244
+ ]
245
+ }
246
+ ]
247
+ }
248
+ ]
249
+ }
package/src/assets/fixtures/voting/voting_media_video_horizontal.json ADDED
@@ -0,0 +1,201 @@
1
+ {
2
+ "@->jsoninclude": "voting/voting.inc.json",
3
+ "@->contentpath": "multivote-1",
4
+ "@->overrides": [
5
+ {
6
+ "@->contentpath":"form.isHorizontalLayout",
7
+ "@->value": true
8
+ },
9
+ {
10
+ "@->contentpath": "isMultipleChoice",
11
+ "@->value": true
12
+ },
13
+ {
14
+ "@->contentpath": "maxAnswerCount",
15
+ "@->value": 3
16
+ },
17
+ {
18
+ "@->contentpath":"isMultimediaVoting",
19
+ "@->value": true
20
+ },
21
+ {
22
+ "@->contentpath":"form.shorttext",
23
+ "@->value": ""
24
+ },
25
+ {
26
+ "@->contentpath":"title",
27
+ "@->value": "Welches Video gefällt Ihnen am besten?"
28
+ },
29
+ {
30
+ "@->contentpath":"votingResult",
31
+ "@->value": [
32
+ {
33
+ "label": "Video 1",
34
+ "count": "27",
35
+ "percentageCount": "4,1",
36
+ "roundedPercentageCount": "4.0"
37
+ },
38
+ {
39
+ "label": "Video 2",
40
+ "count": "117",
41
+ "percentageCount": "17,6",
42
+ "roundedPercentageCount": "18.0"
43
+ },
44
+ {
45
+ "label": "Video 3",
46
+ "count": "242",
47
+ "percentageCount": "36,3",
48
+ "roundedPercentageCount": "36.0"
49
+ },
50
+ {
51
+ "label": "Video 4",
52
+ "count": "280",
53
+ "percentageCount": "42,0",
54
+ "roundedPercentageCount": "42.0",
55
+ "isWinner": true
56
+ }
57
+ ]
58
+ },
59
+ {
60
+ "@->contentpath":"form.fields",
61
+ "@->value": [
62
+ {
63
+ "type": {
64
+ "isGroup": false,
65
+ "isChoice": true,
66
+ "asString": "checkbox"
67
+ },
68
+ "name": "multivoting",
69
+ "isGrouped": true,
70
+ "isRequired": false,
71
+ "options": [
72
+ {
73
+ "value": "1",
74
+ "label": "Video 1",
75
+ "title": "Voting-Answer 1",
76
+ "mediaItem": {
77
+ "isVideo": true,
78
+ "isVideoOnDemand": true,
79
+ "toModel": {
80
+ "videoElement": {
81
+ "ardPlayerConfig": {
82
+ "@->jsoninclude": "video/videos.inc.json",
83
+ "@->contentpath": "video-2"
84
+ },
85
+ "ardPlayerJsonConfig": {
86
+ "@->jsoninclude": "video/videos.inc.json",
87
+ "@->contentpath": "video-2"
88
+ }
89
+ }
90
+ },
91
+ "teaseritem": {
92
+ "@->jsoninclude": "teaser/teaser_images.inc.json",
93
+ "@->contentpath": "copytext_image_50",
94
+ "@->replaceToken": [
95
+ {
96
+ "@->token": "image",
97
+ "@->value": "lehrerin-ukraine-104"
98
+ }
99
+ ]
100
+ }
101
+ }
102
+ },
103
+ {
104
+ "value": "2",
105
+ "label": "Video 2",
106
+ "title": "Voting-Answer 2",
107
+ "mediaItem": {
108
+ "isVideo": true,
109
+ "isVideoOnDemand": true,
110
+ "toModel": {
111
+ "videoElement": {
112
+ "ardPlayerConfig": {
113
+ "@->jsoninclude": "video/videos.inc.json",
114
+ "@->contentpath": "video-1"
115
+ },
116
+ "ardPlayerJsonConfig": {
117
+ "@->jsoninclude": "video/videos.inc.json",
118
+ "@->contentpath": "video-1"
119
+ }
120
+ }
121
+ },
122
+ "teaseritem": {
123
+ "@->jsoninclude": "teaser/teaser_images.inc.json",
124
+ "@->contentpath": "copytext_image_50",
125
+ "@->replaceToken": [
126
+ {
127
+ "@->token": "image",
128
+ "@->value": "hasebe-kane-102"
129
+ }
130
+ ]
131
+ }
132
+ }
133
+ },
134
+ {
135
+ "value": "3",
136
+ "label": "Video 3",
137
+ "title": "Voting-Answer 3",
138
+ "mediaItem": {
139
+ "isVideo": true,
140
+ "isVideoOnDemand": true,
141
+ "toModel": {
142
+ "videoElement": {
143
+ "ardPlayerConfig": {
144
+ "@->jsoninclude": "video/videos.inc.json",
145
+ "@->contentpath": "video-1"
146
+ },
147
+ "ardPlayerJsonConfig": {
148
+ "@->jsoninclude": "video/videos.inc.json",
149
+ "@->contentpath": "video-1"
150
+ }
151
+ }
152
+ },
153
+ "teaseritem": {
154
+ "@->jsoninclude": "teaser/teaser_images.inc.json",
155
+ "@->contentpath": "copytext_image_50",
156
+ "@->replaceToken": [
157
+ {
158
+ "@->token": "image",
159
+ "@->value": "connichi-106"
160
+ }
161
+ ]
162
+ }
163
+ }
164
+ },
165
+ {
166
+ "value": "4",
167
+ "label": "Video 4",
168
+ "title": "Voting-Answer 4",
169
+ "mediaItem": {
170
+ "isVideo": true,
171
+ "isVideoOnDemand": true,
172
+ "toModel": {
173
+ "videoElement": {
174
+ "ardPlayerConfig": {
175
+ "@->jsoninclude": "video/videos.inc.json",
176
+ "@->contentpath": "video-1"
177
+ },
178
+ "ardPlayerJsonConfig": {
179
+ "@->jsoninclude": "video/videos.inc.json",
180
+ "@->contentpath": "video-1"
181
+ }
182
+ }
183
+ },
184
+ "teaseritem": {
185
+ "@->jsoninclude": "teaser/teaser_images.inc.json",
186
+ "@->contentpath": "copytext_image_50",
187
+ "@->replaceToken": [
188
+ {
189
+ "@->token": "image",
190
+ "@->value": "buchmesse-fahnen-102"
191
+ }
192
+ ]
193
+ }
194
+ }
195
+ }
196
+ ]
197
+ }
198
+ ]
199
+ }
200
+ ]
201
+ }
package/src/assets/fixtures/voting/voting_media_video_vertical.json ADDED
@@ -0,0 +1,197 @@
1
+ {
2
+ "@->jsoninclude": "voting/voting.inc.json",
3
+ "@->contentpath": "multivote-1",
4
+ "@->overrides": [
5
+ {
6
+ "@->contentpath": "isMultipleChoice",
7
+ "@->value": true
8
+ },
9
+ {
10
+ "@->contentpath": "maxAnswerCount",
11
+ "@->value": 3
12
+ },
13
+ {
14
+ "@->contentpath":"isMultimediaVoting",
15
+ "@->value": true
16
+ },
17
+ {
18
+ "@->contentpath":"form.shorttext",
19
+ "@->value": ""
20
+ },
21
+ {
22
+ "@->contentpath":"title",
23
+ "@->value": "Welches Video gefällt Ihnen am besten?"
24
+ },
25
+ {
26
+ "@->contentpath":"votingResult",
27
+ "@->value": [
28
+ {
29
+ "label": "Video 1",
30
+ "count": "27",
31
+ "percentageCount": "4,1",
32
+ "roundedPercentageCount": "4.0"
33
+ },
34
+ {
35
+ "label": "Video 2",
36
+ "count": "117",
37
+ "percentageCount": "17,6",
38
+ "roundedPercentageCount": "18.0"
39
+ },
40
+ {
41
+ "label": "Video 3",
42
+ "count": "242",
43
+ "percentageCount": "36,3",
44
+ "roundedPercentageCount": "36.0"
45
+ },
46
+ {
47
+ "label": "Video 4",
48
+ "count": "280",
49
+ "percentageCount": "42,0",
50
+ "roundedPercentageCount": "42.0",
51
+ "isWinner": true
52
+ }
53
+ ]
54
+ },
55
+ {
56
+ "@->contentpath":"form.fields",
57
+ "@->value": [
58
+ {
59
+ "type": {
60
+ "isGroup": false,
61
+ "isChoice": true,
62
+ "asString": "checkbox"
63
+ },
64
+ "name": "multivoting",
65
+ "isGrouped": true,
66
+ "isRequired": false,
67
+ "options": [
68
+ {
69
+ "value": "1",
70
+ "label": "Video 1",
71
+ "title": "Voting-Answer 1",
72
+ "mediaItem": {
73
+ "isVideo": true,
74
+ "isVideoOnDemand": true,
75
+ "toModel": {
76
+ "videoElement": {
77
+ "ardPlayerConfig": {
78
+ "@->jsoninclude": "video/videos.inc.json",
79
+ "@->contentpath": "video-2"
80
+ },
81
+ "ardPlayerJsonConfig": {
82
+ "@->jsoninclude": "video/videos.inc.json",
83
+ "@->contentpath": "video-2"
84
+ }
85
+ }
86
+ },
87
+ "teaseritem": {
88
+ "@->jsoninclude": "teaser/teaser_images.inc.json",
89
+ "@->contentpath": "copytext_image_50",
90
+ "@->replaceToken": [
91
+ {
92
+ "@->token": "image",
93
+ "@->value": "lehrerin-ukraine-104"
94
+ }
95
+ ]
96
+ }
97
+ }
98
+ },
99
+ {
100
+ "value": "2",
101
+ "label": "Video 2",
102
+ "title": "Voting-Answer 2",
103
+ "mediaItem": {
104
+ "isVideo": true,
105
+ "isVideoOnDemand": true,
106
+ "toModel": {
107
+ "videoElement": {
108
+ "ardPlayerConfig": {
109
+ "@->jsoninclude": "video/videos.inc.json",
110
+ "@->contentpath": "video-1"
111
+ },
112
+ "ardPlayerJsonConfig": {
113
+ "@->jsoninclude": "video/videos.inc.json",
114
+ "@->contentpath": "video-1"
115
+ }
116
+ }
117
+ },
118
+ "teaseritem": {
119
+ "@->jsoninclude": "teaser/teaser_images.inc.json",
120
+ "@->contentpath": "copytext_image_50",
121
+ "@->replaceToken": [
122
+ {
123
+ "@->token": "image",
124
+ "@->value": "hasebe-kane-102"
125
+ }
126
+ ]
127
+ }
128
+ }
129
+ },
130
+ {
131
+ "value": "3",
132
+ "label": "Video 3",
133
+ "title": "Voting-Answer 3",
134
+ "mediaItem": {
135
+ "isVideo": true,
136
+ "isVideoOnDemand": true,
137
+ "toModel": {
138
+ "videoElement": {
139
+ "ardPlayerConfig": {
140
+ "@->jsoninclude": "video/videos.inc.json",
141
+ "@->contentpath": "video-1"
142
+ },
143
+ "ardPlayerJsonConfig": {
144
+ "@->jsoninclude": "video/videos.inc.json",
145
+ "@->contentpath": "video-1"
146
+ }
147
+ }
148
+ },
149
+ "teaseritem": {
150
+ "@->jsoninclude": "teaser/teaser_images.inc.json",
151
+ "@->contentpath": "copytext_image_50",
152
+ "@->replaceToken": [
153
+ {
154
+ "@->token": "image",
155
+ "@->value": "connichi-106"
156
+ }
157
+ ]
158
+ }
159
+ }
160
+ },
161
+ {
162
+ "value": "4",
163
+ "label": "Video 4",
164
+ "title": "Voting-Answer 4",
165
+ "mediaItem": {
166
+ "isVideo": true,
167
+ "isVideoOnDemand": true,
168
+ "toModel": {
169
+ "videoElement": {
170
+ "ardPlayerConfig": {
171
+ "@->jsoninclude": "video/videos.inc.json",
172
+ "@->contentpath": "video-1"
173
+ },
174
+ "ardPlayerJsonConfig": {
175
+ "@->jsoninclude": "video/videos.inc.json",
176
+ "@->contentpath": "video-1"
177
+ }
178
+ }
179
+ },
180
+ "teaseritem": {
181
+ "@->jsoninclude": "teaser/teaser_images.inc.json",
182
+ "@->contentpath": "copytext_image_50",
183
+ "@->replaceToken": [
184
+ {
185
+ "@->token": "image",
186
+ "@->value": "buchmesse-fahnen-102"
187
+ }
188
+ ]
189
+ }
190
+ }
191
+ }
192
+ ]
193
+ }
194
+ ]
195
+ }
196
+ ]
197
+ }
package/src/stories/views/components/content/copytext/components/media/media_figure_voting.hbs ADDED
@@ -0,0 +1,17 @@
1
+ <figure class="relative {{_addClass}}" x-data="{ avStart: false }">
2
+ {{~> components/base/a11y/hiddenText _locaTag=_a11yIntro-loca ~}}
3
+ {{#if this.isAudioOnDemand}}
4
+ {{#with this.toModel.audioElementForVideoView}}
5
+ {{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-audio-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg ~}}
6
+ {{~> components/voting/voting_media_player ../this _isFullsize=../_isFullsize _playerId=this.ardPlayerConfig.playerId _css="flex items-center justify-center" _isLead=../_isLead _isUsedInCopytext=true _mediaButtonIcon="audio_button" _mediaButtonLabel="Audio" _aspectRatio="ar-16-9" _noDelay=../_isLead }}
7
+ {{/with}}
8
+ {{/if}}
9
+ {{#if this.isVideoOnDemand}}
10
+ {{#with this.toModel.videoElement}}
11
+ {{~> components/mediaplayer/media_player this _playerLocation=../_playerLocation _playerSize=../_playerSize _uiTestHook="ui-test-video-ondemand-player" _isUsedInTeaser=true _addClassImg=../_addClassImg ~}}
12
+ {{~> components/voting/voting_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 }}
13
+ {{/with}}
14
+ {{/if}}
15
+
16
+ {{~> components/base/a11y/hiddenText _locaTag=_a11yOutro-loca ~}}
17
+ </figure>