hr-design-system-handlebars 1.114.17 → 1.114.19

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 (70) hide show
  1. package/CHANGELOG.md +25 -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 +27 -14
  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/css/custom-base.css +10 -5
  44. package/src/assets/fixtures/voting/voting.inc.json +1 -0
  45. package/src/assets/fixtures/voting/voting.json +18 -2
  46. package/src/assets/fixtures/voting/voting_horizontal.json +47 -0
  47. package/src/assets/fixtures/voting/voting_media_image_horizontal.json +137 -0
  48. package/src/assets/fixtures/voting/{voting_media.json → voting_media_image_vertical.json} +36 -12
  49. package/src/assets/fonts/DINPro-Bold.woff2 +0 -0
  50. package/src/assets/fonts/DINPro.woff2 +0 -0
  51. package/src/assets/fonts/RobotoCondensed-Bold.woff2 +0 -0
  52. package/src/assets/fonts/RobotoCondensed.woff2 +0 -0
  53. package/src/assets/fonts/RobotoSlabbed.woff2 +0 -0
  54. package/src/stories/views/components/content/copytext/components/image/figure.hbs +1 -1
  55. package/src/stories/views/components/forms/components/choice.hbs +9 -2
  56. package/src/stories/views/components/forms/components/choiceGroup.hbs +4 -5
  57. package/src/stories/views/components/forms/components/fields.hbs +2 -0
  58. package/src/stories/views/components/forms/components/mediaChoice.hbs +13 -0
  59. package/src/stories/views/components/voting/fixtures/voting.json +1 -1
  60. package/src/stories/views/components/voting/fixtures/voting_email.json +1 -1
  61. package/src/stories/views/components/voting/fixtures/voting_error.json +1 -1
  62. package/src/stories/views/components/voting/fixtures/voting_horizontal.json +1 -0
  63. package/src/stories/views/components/voting/fixtures/voting_media_image_horizontal.json +1 -0
  64. package/src/stories/views/components/voting/fixtures/voting_media_image_vertical.json +1 -0
  65. package/src/stories/views/components/voting/fixtures/voting_multiple_choice.json +1 -1
  66. package/src/stories/views/components/voting/fixtures/voting_over.json +1 -1
  67. package/src/stories/views/components/voting/fixtures/voting_result_absolute.json +1 -1
  68. package/src/stories/views/components/voting/voting.hbs +3 -1
  69. package/src/stories/views/components/voting/voting.stories.js +43 -6
  70. package/src/stories/views/components/voting/fixtures/voting_media.json +0 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,28 @@
1
+ # v1.114.19 (Wed Nov 20 2024)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - SEO - WOFF2 Fonts [#1168](https://github.com/mumprod/hr-design-system-handlebars/pull/1168) ([@vascoeduardo](https://github.com/vascoeduardo))
6
+
7
+ #### Authors: 1
8
+
9
+ - Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
10
+
11
+ ---
12
+
13
+ # v1.114.18 (Wed Nov 20 2024)
14
+
15
+ #### 🐛 Bug Fix
16
+
17
+ - 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))
18
+
19
+ #### Authors: 2
20
+
21
+ - Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
22
+ - selbaciri (saad.elbaciri@hr.de)
23
+
24
+ ---
25
+
1
26
  # v1.114.17 (Tue Nov 19 2024)
2
27
 
3
28
  #### 🐛 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": "",
@@ -459,7 +459,8 @@ video {
459
459
  @font-face {
460
460
  font-family: 'DIN';
461
461
  font-display: auto;
462
- src: url('fonts/DINPro.woff');
462
+ src: url('fonts/DINPro.woff2') format('woff2'),
463
+ url('fonts/DINPro.woff') format('woff');
463
464
  font-weight: 400;
464
465
  font-style: normal;
465
466
  font-stretch: normal;
@@ -467,7 +468,8 @@ video {
467
468
  @font-face {
468
469
  font-family: 'DIN';
469
470
  font-display: auto;
470
- src: url('fonts/DINPro-Bold.woff');
471
+ src: url('fonts/DINPro-Bold.woff2') format('woff2'),
472
+ url('fonts/DINPro-Bold.woff') format('woff');
471
473
  font-weight: 700;
472
474
  font-style: normal;
473
475
  font-stretch: normal;
@@ -475,7 +477,8 @@ video {
475
477
  @font-face {
476
478
  font-family: 'RobotoSlab';
477
479
  font-display: auto;
478
- src: url('fonts/RobotoSlabbed.woff');
480
+ src: url('fonts/RobotoSlabbed.woff2') format('woff2'),
481
+ url('fonts/RobotoSlabbed.woff') format('woff');
479
482
  font-weight: 400;
480
483
  font-style: normal;
481
484
  font-stretch: normal;
@@ -483,7 +486,8 @@ video {
483
486
  @font-face {
484
487
  font-family: 'RobotoCond';
485
488
  font-display: auto;
486
- src: url('fonts/RobotoCondensed.woff');
489
+ src: url('fonts/RobotoCondensed.woff2') format('woff2'),
490
+ url('fonts/RobotoCondensed.woff') format('woff');
487
491
  font-weight: 400;
488
492
  font-style: normal;
489
493
  font-stretch: condensed;
@@ -491,7 +495,8 @@ video {
491
495
  @font-face {
492
496
  font-family: 'RobotoCond';
493
497
  font-display: auto;
494
- src: url('fonts/RobotoCondensed-Bold.woff');
498
+ src: url('fonts/RobotoCondensed-Bold.woff2') format('woff2'),
499
+ url('fonts/RobotoCondensed-Bold.woff') format('woff');
495
500
  font-weight: 700;
496
501
  font-style: normal;
497
502
  font-stretch: condensed;
@@ -1914,6 +1919,9 @@ article.indexTextDS .indexTextHighlighted .link {
1914
1919
  .shrink {
1915
1920
  flex-shrink: 1;
1916
1921
  }
1922
+ .flex-grow {
1923
+ flex-grow: 1;
1924
+ }
1917
1925
  .grow {
1918
1926
  flex-grow: 1;
1919
1927
  }
@@ -3678,7 +3686,7 @@ article.indexTextDS .indexTextHighlighted .link {
3678
3686
  border-bottom-color: var(--color-secondary-ds);
3679
3687
  }
3680
3688
  .counter-reset {
3681
- counter-reset: cnt1732038237171;
3689
+ counter-reset: cnt1732108673100;
3682
3690
  }
3683
3691
  .placeholder-text-xs::-webkit-input-placeholder {
3684
3692
  font-size: 0.75rem;
@@ -4092,7 +4100,7 @@ article.indexTextDS .indexTextHighlighted .link {
4092
4100
  --tw-ring-color: rgba(255, 255, 255, 0.5);
4093
4101
  }
4094
4102
  .-ordered {
4095
- counter-increment: cnt1732038237171 1;
4103
+ counter-increment: cnt1732108673100 1;
4096
4104
  }
4097
4105
  .-ordered::before {
4098
4106
  position: absolute;
@@ -4110,7 +4118,7 @@ article.indexTextDS .indexTextHighlighted .link {
4110
4118
  --tw-text-opacity: 1;
4111
4119
  color: rgba(0, 0, 0, 1);
4112
4120
  color: rgba(0, 0, 0, var(--tw-text-opacity));
4113
- content: counter(cnt1732038237171);
4121
+ content: counter(cnt1732108673100);
4114
4122
  }
4115
4123
  /*! ****************************/
4116
4124
  /*! DataPolicy stuff */
@@ -6827,6 +6835,10 @@ select:has(option:checked[value='']) {
6827
6835
  flex-direction: row;
6828
6836
  }
6829
6837
 
6838
+ .sm\:flex-nowrap {
6839
+ flex-wrap: nowrap;
6840
+ }
6841
+
6830
6842
  .sm\:gap-x-2 {
6831
6843
  -moz-column-gap: 0.5rem;
6832
6844
  column-gap: 0.5rem;
@@ -7039,7 +7051,13 @@ select:has(option:checked[value='']) {
7039
7051
  .sm\:col-main {
7040
7052
  grid-column: main;
7041
7053
  }
7042
-
7054
+ .sm\:basis-1\/2-gap-6 {
7055
+ --gap: 1.5rem;
7056
+ width: calc((100% - 1.5rem) / 2);
7057
+ width: calc((100% - var(--gap)) / 2);
7058
+ flex-basis: calc((100% - 1.5rem) / 2);
7059
+ flex-basis: calc((100% - var(--gap)) / 2);
7060
+ }
7043
7061
  .sm\:before\:pt-stage::before {
7044
7062
  padding-top: 56%;
7045
7063
  }
@@ -7357,11 +7375,6 @@ select:has(option:checked[value='']) {
7357
7375
  column-gap: 1.5rem;
7358
7376
  }
7359
7377
 
7360
- .md\:gap-x-7 {
7361
- -moz-column-gap: 1.75rem;
7362
- column-gap: 1.75rem;
7363
- }
7364
-
7365
7378
  .md\:gap-y-14 {
7366
7379
  row-gap: 3.5rem;
7367
7380
  }
@@ -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.19",
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": "",