hr-design-system-handlebars 1.114.17 → 1.114.18

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 (64) hide show
  1. package/CHANGELOG.md +13 -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 +17 -9
  16. package/dist/views/components/content/copytext/components/image/figure.hbs +1 -1
  17. package/dist/views/components/forms/components/choice.hbs +9 -2
  18. package/dist/views/components/forms/components/choiceGroup.hbs +4 -5
  19. package/dist/views/components/forms/components/fields.hbs +2 -0
  20. package/dist/views/components/forms/components/mediaChoice.hbs +13 -0
  21. package/dist/views/components/voting/voting.hbs +3 -1
  22. package/dist/views_static/components/content/copytext/components/image/figure.hbs +1 -1
  23. package/dist/views_static/components/forms/components/choice.hbs +9 -2
  24. package/dist/views_static/components/forms/components/choiceGroup.hbs +4 -5
  25. package/dist/views_static/components/forms/components/fields.hbs +2 -0
  26. package/dist/views_static/components/forms/components/mediaChoice.hbs +13 -0
  27. package/dist/views_static/components/voting/voting.hbs +3 -1
  28. package/package.json +1 -1
  29. package/src/assets/brand/_default/conf/locatags.json +1 -0
  30. package/src/assets/brand/hessenschau/conf/locatags.merged.json +1 -0
  31. package/src/assets/brand/hr/conf/locatags.merged.json +1 -0
  32. package/src/assets/brand/hr-bigband/conf/locatags.merged.json +1 -0
  33. package/src/assets/brand/hr-fernsehen/conf/locatags.merged.json +1 -0
  34. package/src/assets/brand/hr-inforadio/conf/locatags.merged.json +1 -0
  35. package/src/assets/brand/hr-rundfunkrat/conf/locatags.merged.json +1 -0
  36. package/src/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json +1 -0
  37. package/src/assets/brand/hr-werbung/conf/locatags.merged.json +1 -0
  38. package/src/assets/brand/hr1/conf/locatags.merged.json +1 -0
  39. package/src/assets/brand/hr2/conf/locatags.merged.json +1 -0
  40. package/src/assets/brand/hr3/conf/locatags.merged.json +1 -0
  41. package/src/assets/brand/hr4/conf/locatags.merged.json +1 -0
  42. package/src/assets/brand/you-fm/conf/locatags.merged.json +1 -0
  43. package/src/assets/fixtures/voting/voting.inc.json +1 -0
  44. package/src/assets/fixtures/voting/voting.json +18 -2
  45. package/src/assets/fixtures/voting/voting_horizontal.json +47 -0
  46. package/src/assets/fixtures/voting/voting_media_image_horizontal.json +137 -0
  47. package/src/assets/fixtures/voting/{voting_media.json → voting_media_image_vertical.json} +36 -12
  48. package/src/stories/views/components/content/copytext/components/image/figure.hbs +1 -1
  49. package/src/stories/views/components/forms/components/choice.hbs +9 -2
  50. package/src/stories/views/components/forms/components/choiceGroup.hbs +4 -5
  51. package/src/stories/views/components/forms/components/fields.hbs +2 -0
  52. package/src/stories/views/components/forms/components/mediaChoice.hbs +13 -0
  53. package/src/stories/views/components/voting/fixtures/voting.json +1 -1
  54. package/src/stories/views/components/voting/fixtures/voting_email.json +1 -1
  55. package/src/stories/views/components/voting/fixtures/voting_error.json +1 -1
  56. package/src/stories/views/components/voting/fixtures/voting_horizontal.json +1 -0
  57. package/src/stories/views/components/voting/fixtures/voting_media_image_horizontal.json +1 -0
  58. package/src/stories/views/components/voting/fixtures/voting_media_image_vertical.json +1 -0
  59. package/src/stories/views/components/voting/fixtures/voting_multiple_choice.json +1 -1
  60. package/src/stories/views/components/voting/fixtures/voting_over.json +1 -1
  61. package/src/stories/views/components/voting/fixtures/voting_result_absolute.json +1 -1
  62. package/src/stories/views/components/voting/voting.hbs +3 -1
  63. package/src/stories/views/components/voting/voting.stories.js +43 -6
  64. package/src/stories/views/components/voting/fixtures/voting_media.json +0 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,16 @@
1
+ # v1.114.18 (Wed Nov 20 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - Add voting with image and horizontal layout options [#1167](https://github.com/mumprod/hr-design-system-handlebars/pull/1167) (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
  # v1.114.17 (Tue Nov 19 2024)
2
15
 
3
16
  #### 🐛 Bug Fix
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild © ",
40
+ "figures_copyright_voting": "Bild © {0}",
40
41
  "gallery_image_copyright": "Bild © {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild © ",
40
+ "figures_copyright_voting": "Bild © {0}",
40
41
  "gallery_image_copyright": "Bild © {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild © ",
40
+ "figures_copyright_voting": "Bild © {0}",
40
41
  "gallery_image_copyright": "Bild © {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild © ",
40
+ "figures_copyright_voting": "Bild © {0}",
40
41
  "gallery_image_copyright": "Bild © {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild © ",
40
+ "figures_copyright_voting": "Bild © {0}",
40
41
  "gallery_image_copyright": "Bild © {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild © ",
40
+ "figures_copyright_voting": "Bild © {0}",
40
41
  "gallery_image_copyright": "Bild © {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild © ",
40
+ "figures_copyright_voting": "Bild © {0}",
40
41
  "gallery_image_copyright": "Bild © {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild © ",
40
+ "figures_copyright_voting": "Bild © {0}",
40
41
  "gallery_image_copyright": "Bild © {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild © ",
40
+ "figures_copyright_voting": "Bild © {0}",
40
41
  "gallery_image_copyright": "Bild © {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild © ",
40
+ "figures_copyright_voting": "Bild © {0}",
40
41
  "gallery_image_copyright": "Bild © {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild © ",
40
+ "figures_copyright_voting": "Bild © {0}",
40
41
  "gallery_image_copyright": "Bild © {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild © ",
40
+ "figures_copyright_voting": "Bild © {0}",
40
41
  "gallery_image_copyright": "Bild © {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild © ",
40
+ "figures_copyright_voting": "Bild © {0}",
40
41
  "gallery_image_copyright": "Bild © {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -1914,6 +1914,9 @@ article.indexTextDS .indexTextHighlighted .link {
1914
1914
  .shrink {
1915
1915
  flex-shrink: 1;
1916
1916
  }
1917
+ .flex-grow {
1918
+ flex-grow: 1;
1919
+ }
1917
1920
  .grow {
1918
1921
  flex-grow: 1;
1919
1922
  }
@@ -3678,7 +3681,7 @@ article.indexTextDS .indexTextHighlighted .link {
3678
3681
  border-bottom-color: var(--color-secondary-ds);
3679
3682
  }
3680
3683
  .counter-reset {
3681
- counter-reset: cnt1732038237171;
3684
+ counter-reset: cnt1732095440747;
3682
3685
  }
3683
3686
  .placeholder-text-xs::-webkit-input-placeholder {
3684
3687
  font-size: 0.75rem;
@@ -4092,7 +4095,7 @@ article.indexTextDS .indexTextHighlighted .link {
4092
4095
  --tw-ring-color: rgba(255, 255, 255, 0.5);
4093
4096
  }
4094
4097
  .-ordered {
4095
- counter-increment: cnt1732038237171 1;
4098
+ counter-increment: cnt1732095440747 1;
4096
4099
  }
4097
4100
  .-ordered::before {
4098
4101
  position: absolute;
@@ -4110,7 +4113,7 @@ article.indexTextDS .indexTextHighlighted .link {
4110
4113
  --tw-text-opacity: 1;
4111
4114
  color: rgba(0, 0, 0, 1);
4112
4115
  color: rgba(0, 0, 0, var(--tw-text-opacity));
4113
- content: counter(cnt1732038237171);
4116
+ content: counter(cnt1732095440747);
4114
4117
  }
4115
4118
  /*! ****************************/
4116
4119
  /*! DataPolicy stuff */
@@ -6827,6 +6830,10 @@ select:has(option:checked[value='']) {
6827
6830
  flex-direction: row;
6828
6831
  }
6829
6832
 
6833
+ .sm\:flex-nowrap {
6834
+ flex-wrap: nowrap;
6835
+ }
6836
+
6830
6837
  .sm\:gap-x-2 {
6831
6838
  -moz-column-gap: 0.5rem;
6832
6839
  column-gap: 0.5rem;
@@ -7039,7 +7046,13 @@ select:has(option:checked[value='']) {
7039
7046
  .sm\:col-main {
7040
7047
  grid-column: main;
7041
7048
  }
7042
-
7049
+ .sm\:basis-1\/2-gap-6 {
7050
+ --gap: 1.5rem;
7051
+ width: calc((100% - 1.5rem) / 2);
7052
+ width: calc((100% - var(--gap)) / 2);
7053
+ flex-basis: calc((100% - 1.5rem) / 2);
7054
+ flex-basis: calc((100% - var(--gap)) / 2);
7055
+ }
7043
7056
  .sm\:before\:pt-stage::before {
7044
7057
  padding-top: 56%;
7045
7058
  }
@@ -7357,11 +7370,6 @@ select:has(option:checked[value='']) {
7357
7370
  column-gap: 1.5rem;
7358
7371
  }
7359
7372
 
7360
- .md\:gap-x-7 {
7361
- -moz-column-gap: 1.75rem;
7362
- column-gap: 1.75rem;
7363
- }
7364
-
7365
7373
  .md\:gap-y-14 {
7366
7374
  row-gap: 3.5rem;
7367
7375
  }
@@ -12,7 +12,7 @@
12
12
  {{/with}}
13
13
  {{/inline}}
14
14
  {{else}}
15
- {{> components/base/image/responsive_image _type=_type _variant=_variant _addClass=_pictureAddClass _isWebview=_isWebview _noDelay=_noDelay}}
15
+ {{> components/base/image/responsive_image _title=(if _voting-option (loca "figures_copyright_voting" (strip this.copyrightWithLinks html))) _type=_type _variant=_variant _addClass=_pictureAddClass _isWebview=_isWebview _noDelay=_noDelay}}
16
16
  {{/if}}
17
17
  {{/if}}
18
18
  {{#unless _voting-option}}
@@ -1,5 +1,5 @@
1
1
  {{~changeRandom~}}
2
- <div class="relative flex flex-col w-full {{#unless _inGroup}} mb-5 md:mb-7{{/unless}} gap-y-1 md:gap-y-2"
2
+ <div class="relative flex flex-col {{#if _isHorizontalLayout}} flex-grow{{/if}}{{#if this.mediaItem}} sm:basis-1/2-gap-6{{/if}} {{#unless _inGroup}} mb-5 md:mb-7{{/unless}} gap-y-1 md:gap-y-2"
3
3
  {{#unless _inGroup}}
4
4
  {{#if _required}}
5
5
  ax-load
@@ -9,7 +9,11 @@
9
9
  {{/if}}
10
10
  {{/unless}}
11
11
  >
12
- <div class="flex flex-row items-center w-full cursor-pointer{{#if _addClass}} {{_addClass}}{{/if}}">
12
+ <div class="flex {{#if this.mediaItem}} flex-col {{else}} flex-row{{/if}} items-center w-full h-full cursor-pointer{{#if _addClass}} {{_addClass}}{{/if}}">
13
+ {{#if this.mediaItem}}
14
+ {{> components/forms/components/mediaChoice}}
15
+ <div class="flex flex-row w-full">
16
+ {{/if}}
13
17
  <input class="relative self-start flex-shrink-0 w-6 h-6 bg-white dark:bg-black border appearance-none cursor-pointer disabled:cursor-not-allowed border-form-highlight dark:border-form-highlight-dark {{~inline-switch _type '["checkbox","radio"]' '[" checked:bg-form-highlight checked:border-form-highlight form-checkbox"," checked:bg-white checked:border-form-highlight rounded-full form-radio",""]'}}{{#if _addClassInput}} {{_addClassInput}}{{/if}}"
14
18
  {{#if _required}}
15
19
  :class="{' border-form-highlight dark:border-form-highlight-dark': hideError(),'border-error dark:border-error-dark': hideDescription() }"
@@ -73,6 +77,9 @@
73
77
  {{/if}}
74
78
  {{/if}}
75
79
  </label>
80
+ {{#if this.mediaItem}}
81
+ </div>
82
+ {{/if}}
76
83
  </div>
77
84
  {{#unless _inGroup}}
78
85
  <div class="flex items-end justify-between min-h-5 font-heading">
@@ -19,9 +19,8 @@
19
19
  {{/if}}
20
20
  {{/if}}
21
21
  </legend>
22
- <div class="flex flex-row flex-wrap gap-x-6 md:gap-x-7 gap-y-5{{#if _addClassGroup}} {{_addClassGroup}}{{/if}}" >
23
- {{#each _items}}
24
- <div>
22
+ <div class="flex flex-row gap-x-6 gap-y-5 {{#if _isHorizontalLayout}} flex-wrap sm:flex-nowrap flex-col sm:flex-row{{else}} flex-wrap {{#unless _isMultimediaVoting}}{{_addClassGroup}}{{/unless}}{{/if}}">
23
+ {{#each _items}}
25
24
  {{> components/forms/components/choice
26
25
  _type=../_type
27
26
  _name=../_name
@@ -35,9 +34,9 @@
35
34
  _formId=../_formId
36
35
  _addClass=../_addClassChoice
37
36
  _addClassLabel=../_addClassLabel
38
- _addClassInput=../_addClassInput
37
+ _addClassInput=../_addClassInput
38
+ _isHorizontalLayout=../_isHorizontalLayout
39
39
  }}
40
- </div>
41
40
  {{/each}}
42
41
  </div>
43
42
  <div class="flex items-end justify-between min-h-5 font-heading">
@@ -66,10 +66,12 @@
66
66
  _items=this.options
67
67
  _required=this.isRequired
68
68
  _multipleChoice=../_multipleChoice
69
+ _isHorizontalLayout=../_isHorizontalLayout
69
70
  _addClassGroup=../_addClassGroup
70
71
  _addClassChoice=../_addClassChoice
71
72
  _addClassLabel=../_addClassLabel
72
73
  _addClassInput=../_addClassInput
74
+ _isMultimediaVoting=../_isMultimediaVoting
73
75
  _errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
74
76
  _formId=../_formId
75
77
  }}
@@ -0,0 +1,13 @@
1
+ <div onclick="event.preventDefault()">
2
+ {{#with this.mediaItem}}
3
+ {{~#if this.isImage}}
4
+ {{> components/content/copytext/components/image/figure
5
+ _type="story"
6
+ _variant="copytext"
7
+ _pictureAddClass="ar-16-9"
8
+ _noDelay=true
9
+ _voting-option="true"
10
+ _isWebview=_isWebview}}
11
+ {{/if~}}
12
+ {{/with}}
13
+ </div>
@@ -44,7 +44,9 @@
44
44
  <span class="block float-right w-8 js-voting-counter">(0/{{../this.maxAnswerCount}})</span>
45
45
  </div>
46
46
  {{> components/forms/components/fields
47
- _multipleChoice=../this.isMultipleChoice
47
+ _multipleChoice=../this.isMultipleChoice
48
+ _isHorizontalLayout=this.isHorizontalLayout
49
+ _isMultimediaVoting=../this.isMultimediaVoting
48
50
  _addClassGroup="!flex-col mt-2"
49
51
  _addClassChoice="has-[input:checked]:outline outline-2 outline-blue-science-hex bg-white has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed"
50
52
  _addClassLabel="w-full !py-3 sm:!py-4 !pr-3 sm:!pr-4 !text-base sm:!text-lg md:!text-lg"
@@ -12,7 +12,7 @@
12
12
  {{/with}}
13
13
  {{/inline}}
14
14
  {{else}}
15
- {{> components/base/image/responsive_image _type=_type _variant=_variant _addClass=_pictureAddClass _isWebview=_isWebview _noDelay=_noDelay}}
15
+ {{> components/base/image/responsive_image _title=(if _voting-option (loca "figures_copyright_voting" (strip this.copyrightWithLinks html))) _type=_type _variant=_variant _addClass=_pictureAddClass _isWebview=_isWebview _noDelay=_noDelay}}
16
16
  {{/if}}
17
17
  {{/if}}
18
18
  {{#unless _voting-option}}
@@ -1,5 +1,5 @@
1
1
  {{~changeRandom~}}
2
- <div class="relative flex flex-col w-full {{#unless _inGroup}} mb-5 md:mb-7{{/unless}} gap-y-1 md:gap-y-2"
2
+ <div class="relative flex flex-col {{#if _isHorizontalLayout}} flex-grow{{/if}}{{#if this.mediaItem}} sm:basis-1/2-gap-6{{/if}} {{#unless _inGroup}} mb-5 md:mb-7{{/unless}} gap-y-1 md:gap-y-2"
3
3
  {{#unless _inGroup}}
4
4
  {{#if _required}}
5
5
  ax-load
@@ -9,7 +9,11 @@
9
9
  {{/if}}
10
10
  {{/unless}}
11
11
  >
12
- <div class="flex flex-row items-center w-full cursor-pointer{{#if _addClass}} {{_addClass}}{{/if}}">
12
+ <div class="flex {{#if this.mediaItem}} flex-col {{else}} flex-row{{/if}} items-center w-full h-full cursor-pointer{{#if _addClass}} {{_addClass}}{{/if}}">
13
+ {{#if this.mediaItem}}
14
+ {{> components/forms/components/mediaChoice}}
15
+ <div class="flex flex-row w-full">
16
+ {{/if}}
13
17
  <input class="relative self-start flex-shrink-0 w-6 h-6 bg-white dark:bg-black border appearance-none cursor-pointer disabled:cursor-not-allowed border-form-highlight dark:border-form-highlight-dark {{~inline-switch _type '["checkbox","radio"]' '[" checked:bg-form-highlight checked:border-form-highlight form-checkbox"," checked:bg-white checked:border-form-highlight rounded-full form-radio",""]'}}{{#if _addClassInput}} {{_addClassInput}}{{/if}}"
14
18
  {{#if _required}}
15
19
  :class="{' border-form-highlight dark:border-form-highlight-dark': hideError(),'border-error dark:border-error-dark': hideDescription() }"
@@ -73,6 +77,9 @@
73
77
  {{/if}}
74
78
  {{/if}}
75
79
  </label>
80
+ {{#if this.mediaItem}}
81
+ </div>
82
+ {{/if}}
76
83
  </div>
77
84
  {{#unless _inGroup}}
78
85
  <div class="flex items-end justify-between min-h-5 font-heading">
@@ -19,9 +19,8 @@
19
19
  {{/if}}
20
20
  {{/if}}
21
21
  </legend>
22
- <div class="flex flex-row flex-wrap gap-x-6 md:gap-x-7 gap-y-5{{#if _addClassGroup}} {{_addClassGroup}}{{/if}}" >
23
- {{#each _items}}
24
- <div>
22
+ <div class="flex flex-row gap-x-6 gap-y-5 {{#if _isHorizontalLayout}} flex-wrap sm:flex-nowrap flex-col sm:flex-row{{else}} flex-wrap {{#unless _isMultimediaVoting}}{{_addClassGroup}}{{/unless}}{{/if}}">
23
+ {{#each _items}}
25
24
  {{> components/forms/components/choice
26
25
  _type=../_type
27
26
  _name=../_name
@@ -35,9 +34,9 @@
35
34
  _formId=../_formId
36
35
  _addClass=../_addClassChoice
37
36
  _addClassLabel=../_addClassLabel
38
- _addClassInput=../_addClassInput
37
+ _addClassInput=../_addClassInput
38
+ _isHorizontalLayout=../_isHorizontalLayout
39
39
  }}
40
- </div>
41
40
  {{/each}}
42
41
  </div>
43
42
  <div class="flex items-end justify-between min-h-5 font-heading">
@@ -66,10 +66,12 @@
66
66
  _items=this.options
67
67
  _required=this.isRequired
68
68
  _multipleChoice=../_multipleChoice
69
+ _isHorizontalLayout=../_isHorizontalLayout
69
70
  _addClassGroup=../_addClassGroup
70
71
  _addClassChoice=../_addClassChoice
71
72
  _addClassLabel=../_addClassLabel
72
73
  _addClassInput=../_addClassInput
74
+ _isMultimediaVoting=../_isMultimediaVoting
73
75
  _errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
74
76
  _formId=../_formId
75
77
  }}
@@ -0,0 +1,13 @@
1
+ <div onclick="event.preventDefault()">
2
+ {{#with this.mediaItem}}
3
+ {{~#if this.isImage}}
4
+ {{> components/content/copytext/components/image/figure
5
+ _type="story"
6
+ _variant="copytext"
7
+ _pictureAddClass="ar-16-9"
8
+ _noDelay=true
9
+ _voting-option="true"
10
+ _isWebview=_isWebview}}
11
+ {{/if~}}
12
+ {{/with}}
13
+ </div>
@@ -44,7 +44,9 @@
44
44
  <span class="block float-right w-8 js-voting-counter">(0/{{../this.maxAnswerCount}})</span>
45
45
  </div>
46
46
  {{> components/forms/components/fields
47
- _multipleChoice=../this.isMultipleChoice
47
+ _multipleChoice=../this.isMultipleChoice
48
+ _isHorizontalLayout=this.isHorizontalLayout
49
+ _isMultimediaVoting=../this.isMultimediaVoting
48
50
  _addClassGroup="!flex-col mt-2"
49
51
  _addClassChoice="has-[input:checked]:outline outline-2 outline-blue-science-hex bg-white has-[input:disabled]:opacity-50 has-[input:disabled]:cursor-not-allowed"
50
52
  _addClassLabel="w-full !py-3 sm:!py-4 !pr-3 sm:!pr-4 !text-base sm:!text-lg md:!text-lg"
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.17",
9
+ "version": "1.114.18",
10
10
  "scripts": {
11
11
  "test": "echo \"Error: no test specified\" && exit 1",
12
12
  "storybook": "storybook dev -p 6006 public",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild &copy; ",
40
+ "figures_copyright_voting": "Bild &copy; {0}",
40
41
  "gallery_image_copyright": "Bild &copy; {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild &copy; ",
40
+ "figures_copyright_voting": "Bild &copy; {0}",
40
41
  "gallery_image_copyright": "Bild &copy; {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild &copy; ",
40
+ "figures_copyright_voting": "Bild &copy; {0}",
40
41
  "gallery_image_copyright": "Bild &copy; {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild &copy; ",
40
+ "figures_copyright_voting": "Bild &copy; {0}",
40
41
  "gallery_image_copyright": "Bild &copy; {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild &copy; ",
40
+ "figures_copyright_voting": "Bild &copy; {0}",
40
41
  "gallery_image_copyright": "Bild &copy; {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild &copy; ",
40
+ "figures_copyright_voting": "Bild &copy; {0}",
40
41
  "gallery_image_copyright": "Bild &copy; {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild &copy; ",
40
+ "figures_copyright_voting": "Bild &copy; {0}",
40
41
  "gallery_image_copyright": "Bild &copy; {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild &copy; ",
40
+ "figures_copyright_voting": "Bild &copy; {0}",
40
41
  "gallery_image_copyright": "Bild &copy; {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild &copy; ",
40
+ "figures_copyright_voting": "Bild &copy; {0}",
40
41
  "gallery_image_copyright": "Bild &copy; {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild &copy; ",
40
+ "figures_copyright_voting": "Bild &copy; {0}",
40
41
  "gallery_image_copyright": "Bild &copy; {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild &copy; ",
40
+ "figures_copyright_voting": "Bild &copy; {0}",
40
41
  "gallery_image_copyright": "Bild &copy; {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild &copy; ",
40
+ "figures_copyright_voting": "Bild &copy; {0}",
40
41
  "gallery_image_copyright": "Bild &copy; {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild &copy; ",
40
+ "figures_copyright_voting": "Bild &copy; {0}",
40
41
  "gallery_image_copyright": "Bild &copy; {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -37,6 +37,7 @@
37
37
  "feature_box_anchor": "Livestream Player anspringen",
38
38
  "featured_content_headline": "Mehr zum Thema:",
39
39
  "figures_copyright": "Bild &copy; ",
40
+ "figures_copyright_voting": "Bild &copy; {0}",
40
41
  "gallery_image_copyright": "Bild &copy; {0}",
41
42
  "geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
42
43
  "geotag_metadescription_prefix": "",
@@ -10,6 +10,7 @@
10
10
  "headingSize": "h2",
11
11
  "isVoting": true,
12
12
  "isMultiVote": true,
13
+ "isMultimediaVoting": false,
13
14
  "hasRedirect": false,
14
15
  "isMultipleChoice": false,
15
16
  "maxAnswerCount": 1,
@@ -13,6 +13,14 @@
13
13
  "@->contentpath": "multivote-1"
14
14
  }
15
15
  },
16
+ "voting_horizontal": {
17
+ "config": {
18
+ "useAsSnapshot": true
19
+ },
20
+ "args": {
21
+ "@->jsoninclude": "voting/voting_horizontal.json"
22
+ }
23
+ },
16
24
  "voting_email": {
17
25
  "config": {
18
26
  "useAsSnapshot": true
@@ -21,12 +29,20 @@
21
29
  "@->jsoninclude": "voting/voting_email.json"
22
30
  }
23
31
  },
24
- "voting_media": {
32
+ "voting_media_image_horizontal": {
33
+ "config": {
34
+ "useAsSnapshot": true
35
+ },
36
+ "args": {
37
+ "@->jsoninclude": "voting/voting_media_image_horizontal.json"
38
+ }
39
+ },
40
+ "voting_media_image_vertical": {
25
41
  "config": {
26
42
  "useAsSnapshot": true
27
43
  },
28
44
  "args": {
29
- "@->jsoninclude": "voting/voting_media.json"
45
+ "@->jsoninclude": "voting/voting_media_image_vertical.json"
30
46
  }
31
47
  },
32
48
  "voting_multiple_choice": {