npm - hr-design-system-handlebars - Versions diffs - 1.114.16 → 1.114.18 - Mend

hr-design-system-handlebars 1.114.16 → 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 (67) hide show

package/src/assets/brand/you-fm/conf/locatags.merged.json CHANGED Viewed

@@ -37,6 +37,7 @@
 	"feature_box_anchor": "Livestream Player anspringen",
 	"featured_content_headline": "Mehr zum Thema:",
 	"figures_copyright": "Bild &copy; ",
+	"figures_copyright_voting": "Bild &copy; {0}",
 	"gallery_image_copyright": "Bild &copy; {0}",
 	"geotag_buddies_title": "Weitere Beiträge aus der Umgebung",
 	"geotag_metadescription_prefix": "",

package/src/assets/fixtures/voting/voting.inc.json CHANGED Viewed

@@ -10,6 +10,7 @@
         "headingSize": "h2",
         "isVoting": true,
         "isMultiVote": true,
+        "isMultimediaVoting": false,
         "hasRedirect": false,
         "isMultipleChoice": false,
         "maxAnswerCount": 1,

package/src/assets/fixtures/voting/voting.json CHANGED Viewed

@@ -13,6 +13,14 @@
             "@->contentpath": "multivote-1"
         }
     },
+    "voting_horizontal": {
+        "config": {
+            "useAsSnapshot": true
+        },
+        "args": {
+            "@->jsoninclude": "voting/voting_horizontal.json"
+        }
+    },
     "voting_email": {
         "config": {
             "useAsSnapshot": true
@@ -21,12 +29,20 @@
             "@->jsoninclude": "voting/voting_email.json"
         }
     },
-    "voting_media": {
+    "voting_media_image_horizontal": {
+        "config": {
+            "useAsSnapshot": true
+        },
+        "args": {
+            "@->jsoninclude": "voting/voting_media_image_horizontal.json"
+        }
+    },
+    "voting_media_image_vertical": {
         "config": {
             "useAsSnapshot": true
         },
         "args": {
-            "@->jsoninclude": "voting/voting_media.json"
+            "@->jsoninclude": "voting/voting_media_image_vertical.json"
         }
     },
     "voting_multiple_choice": {

package/src/assets/fixtures/voting/voting_horizontal.json ADDED Viewed

@@ -0,0 +1,47 @@
+{
+    "@->jsoninclude": "voting/voting.inc.json",
+    "@->contentpath": "multivote-1",
+    "@->overrides": [
+        {
+            "@->contentpath":"form.isHorizontalLayout",
+            "@->value": true
+        },
+        {
+            "@->contentpath":"form.fields",
+            "@->value": [
+                {
+                    "type": {
+                        "isGroup": false,
+                        "isChoice": true,
+                        "asString": "radio"
+                    },
+                    "name": "multivoting",
+                    "isGrouped": true,
+                    "isRequired": false,
+                    "options": [
+                        {
+                            "value": "1",
+                            "label": "Gut",
+                            "title": "Voting-Answer 1"
+                        },
+                        {
+                            "value": "2",
+                            "label": "Super",
+                            "title": "Voting-Answer 2"
+                        },
+                        {
+                            "value": "3",
+                            "label": "Mega",
+                            "title": "Voting-Answer 3"
+                        },
+                        {
+                            "value": "4",
+                            "label": "Hammer",
+                            "title": "Voting-Answer 4"
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+}

package/src/assets/fixtures/voting/voting_media_image_horizontal.json ADDED Viewed

@@ -0,0 +1,137 @@
+{
+    "@->jsoninclude": "voting/voting.inc.json",
+    "@->contentpath": "multivote-1",
+    "@->overrides": [
+        {
+            "@->contentpath":"form.isHorizontalLayout",
+            "@->value": true
+        },
+        {
+            "@->contentpath": "isMultipleChoice",
+            "@->value": true
+        },
+        {
+            "@->contentpath": "maxAnswerCount",
+            "@->value": 3
+        },
+        {
+            "@->contentpath":"isMultimediaVoting",
+            "@->value": true
+        },
+        {
+            "@->contentpath":"form.shorttext",
+            "@->value": ""
+        },
+        {
+            "@->contentpath":"title",
+            "@->value": "Welches Bild gefällt Ihnen am besten?"
+        },
+        {
+            "@->contentpath":"votingResult",
+            "@->value": [
+                {
+                    "label": "Bild 1",
+                    "count": "27",
+                    "percentageCount": "4,1",
+                    "roundedPercentageCount": "4.0"
+                },
+                {
+                    "label": "Bild 2",
+                    "count": "117",
+                    "percentageCount": "17,6",
+                    "roundedPercentageCount": "18.0"
+                },
+                {
+                    "label": "Bild 3",
+                    "count": "242",
+                    "percentageCount": "36,3",
+                    "roundedPercentageCount": "36.0"
+                },
+                {
+                    "label": "Bild 4",
+                    "count": "280",
+                    "percentageCount": "42,0",
+                    "roundedPercentageCount": "42.0",
+                    "isWinner": true
+                }
+            ]
+        },
+        {
+            "@->contentpath":"form.fields",
+            "@->value": [
+                {
+                    "type": {
+                        "isGroup": false,
+                        "isChoice": true,
+                        "asString": "checkbox"
+                    },
+                    "name": "multivoting",
+                    "isGrouped": true,
+                    "isRequired": false,
+                    "options": [
+                        {
+                            "value": "1",
+                            "label": "Bild 1",
+                            "title": "Voting-Answer 1",
+                            "mediaItem": {
+                                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                                "@->contentpath": "copytext_image_50",
+                                "@->replaceToken": [
+                                    {
+                                        "@->token": "image",
+                                        "@->value": "rueckkehr-nach-abschiebung-102"
+                                    }
+                                ]
+                            }
+                        },
+                        {
+                            "value": "2",
+                            "label": "Bild 2",
+                            "title": "Voting-Answer 2",
+                            "mediaItem": {
+                                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                                "@->contentpath": "copytext_image_50",
+                                "@->replaceToken": [
+                                    {
+                                        "@->token": "image",
+                                        "@->value": "buchmesse-fahnen-102"
+                                    }
+                                ]
+                            }
+                        },
+                        {
+                            "value": "3",
+                            "label": "Bild 3",
+                            "title": "Voting-Answer 3",
+                            "mediaItem": {
+                                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                                "@->contentpath": "copytext_image_50",
+                                "@->replaceToken": [
+                                    {
+                                        "@->token": "image",
+                                        "@->value": "connichi-106"
+                                    }
+                                ]
+                            }
+                        },
+                        {
+                            "value": "4",
+                            "label": "Bild 4",
+                            "title": "Voting-Answer 4",
+                            "mediaItem": {
+                                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                                "@->contentpath": "copytext_image_50",
+                                "@->replaceToken": [
+                                    {
+                                        "@->token": "image",
+                                        "@->value": "mercedes-suv-g-100"
+                                    }
+                                ]
+                            }
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+}

package/src/assets/fixtures/voting/{voting_media.json → voting_media_image_vertical.json} RENAMED Viewed

@@ -2,13 +2,25 @@
     "@->jsoninclude": "voting/voting.inc.json",
     "@->contentpath": "multivote-1",
     "@->overrides": [
+        {
+            "@->contentpath": "isMultipleChoice",
+            "@->value": true
+        },
+        {
+            "@->contentpath": "maxAnswerCount",
+            "@->value": 3
+        },
+        {
+            "@->contentpath":"isMultimediaVoting",
+            "@->value": true
+        },
         {
             "@->contentpath":"form.shorttext",
             "@->value": ""
         },
         {
             "@->contentpath":"title",
-            "@->value": "Welches Bild, Audio oder Video gefällt Ihnen am besten?"
+            "@->value": "Welches Bild gefällt Ihnen am besten?"
         },
         {
             "@->contentpath":"votingResult",
@@ -26,13 +38,13 @@
                     "roundedPercentageCount": "18.0"
                 },
                 {
-                    "label": "Audio 1",
+                    "label": "Bild 3",
                     "count": "242",
                     "percentageCount": "36,3",
                     "roundedPercentageCount": "36.0"
                 },
                 {
-                    "label": "Video 1",
+                    "label": "Bild 4",
                     "count": "280",
                     "percentageCount": "42,0",
                     "roundedPercentageCount": "42.0",
@@ -47,9 +59,9 @@
                     "type": {
                         "isGroup": false,
                         "isChoice": true,
-                        "asString": "radio"
+                        "asString": "checkbox"
                     },
-                    "name": "voting",
+                    "name": "multivoting",
                     "isGrouped": true,
                     "isRequired": false,
                     "options": [
@@ -85,22 +97,34 @@
                         },
                         {
                             "value": "3",
-                            "label": "Audio 1",
+                            "label": "Bild 3",
                             "title": "Voting-Answer 3",
                             "mediaItem": {
-                                "@->jsoninclude": "audio/audios.inc.json",
-                                "@->contentpath": "audio-1"
+                                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                                "@->contentpath": "copytext_image_50",
+                                "@->replaceToken": [
+                                    {
+                                        "@->token": "image",
+                                        "@->value": "connichi-106"
+                                    }
+                                ]
                             }
                         },
                         {
                             "value": "4",
-                            "label": "Video 1",
+                            "label": "Bild 4",
                             "title": "Voting-Answer 4",
                             "mediaItem": {
-                                "@->jsoninclude": "video/videos.inc.json",
-                                "@->contentpath": "video-1"
+                                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                                "@->contentpath": "copytext_image_50",
+                                "@->replaceToken": [
+                                    {
+                                        "@->token": "image",
+                                        "@->value": "mercedes-suv-g-100"
+                                    }
+                                ]
                             }
-                        }
+                        }
                     ]
                 }
             ]

package/src/stories/views/components/content/copytext/components/image/figure.hbs CHANGED Viewed

@@ -12,7 +12,7 @@
                 {{/with}}
             {{/inline}}
         {{else}}
-            {{> components/base/image/responsive_image _type=_type _variant=_variant _addClass=_pictureAddClass _isWebview=_isWebview _noDelay=_noDelay}}
+            {{> 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}}
         {{/if}}
     {{/if}}
     {{#unless _voting-option}}

package/src/stories/views/components/forms/components/choice.hbs CHANGED Viewed

@@ -1,5 +1,5 @@
 {{~changeRandom~}}
-<div class="relative flex flex-col w-full {{#unless _inGroup}} mb-5 md:mb-7{{/unless}} gap-y-1 md:gap-y-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"
    {{#unless _inGroup}}
       {{#if _required}}
          ax-load
@@ -9,7 +9,11 @@
       {{/if}}
    {{/unless}}
 >
-<div class="flex flex-row items-center w-full cursor-pointer{{#if _addClass}} {{_addClass}}{{/if}}">
+<div class="flex {{#if this.mediaItem}} flex-col {{else}} flex-row{{/if}} items-center w-full h-full cursor-pointer{{#if _addClass}} {{_addClass}}{{/if}}">
+   {{#if this.mediaItem}}
+      {{> components/forms/components/mediaChoice}}
+      <div class="flex flex-row w-full">
+   {{/if}}
   <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}}"
       {{#if _required}}
             :class="{' border-form-highlight dark:border-form-highlight-dark': hideError(),'border-error dark:border-error-dark': hideDescription() }"
@@ -73,6 +77,9 @@
         {{/if}}
       {{/if}}
    </label>
+   {{#if this.mediaItem}}
+      </div>
+   {{/if}}
 </div>
 {{#unless _inGroup}}
    <div class="flex items-end justify-between min-h-5 font-heading">

package/src/stories/views/components/forms/components/choiceGroup.hbs CHANGED Viewed

@@ -19,9 +19,8 @@
             {{/if}}
         {{/if}}
     </legend>
-    <div class="flex flex-row flex-wrap gap-x-6 md:gap-x-7 gap-y-5{{#if _addClassGroup}} {{_addClassGroup}}{{/if}}" >
-        {{#each _items}}
-            <div>
+    <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}}">
+        {{#each _items}}
                 {{> components/forms/components/choice
                         _type=../_type
                         _name=../_name
@@ -35,9 +34,9 @@
                         _formId=../_formId
                         _addClass=../_addClassChoice
                         _addClassLabel=../_addClassLabel
-                        _addClassInput=../_addClassInput
+                        _addClassInput=../_addClassInput
+                        _isHorizontalLayout=../_isHorizontalLayout
                 }}
-            </div>
         {{/each}}
     </div>
     <div class="flex items-end justify-between min-h-5 font-heading">

package/src/stories/views/components/forms/components/fields.hbs CHANGED Viewed

@@ -66,10 +66,12 @@
                         _items=this.options
                         _required=this.isRequired
                         _multipleChoice=../_multipleChoice
+                        _isHorizontalLayout=../_isHorizontalLayout
                         _addClassGroup=../_addClassGroup
                         _addClassChoice=../_addClassChoice
                         _addClassLabel=../_addClassLabel
                         _addClassInput=../_addClassInput
+                        _isMultimediaVoting=../_isMultimediaVoting
                         _errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
                         _formId=../_formId
                     }}

package/src/stories/views/components/forms/components/mediaChoice.hbs ADDED Viewed

@@ -0,0 +1,13 @@
+<div onclick="event.preventDefault()">
+        {{#with this.mediaItem}}
+            {{~#if this.isImage}}
+                    {{> components/content/copytext/components/image/figure
+                        _type="story"
+                        _variant="copytext"
+                        _pictureAddClass="ar-16-9"
+                        _noDelay=true
+                        _voting-option="true"
+                        _isWebview=_isWebview}}
+            {{/if~}}
+        {{/with}}
+</div>