hr-design-system-handlebars 1.113.2 → 1.113.4

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+# v1.113.4 (Tue Oct 29 2024)
+
+#### 🐛 Bug Fix
+
+- DPE-3413: adjust form spacing [#1131](https://github.com/mumprod/hr-design-system-handlebars/pull/1131) (saad.elbaciri@hr.de [@selbaciri](https://github.com/selbaciri))
+
+#### Authors: 2
+
+- Saad El Baciri ([@selbaciri](https://github.com/selbaciri))
+- selbaciri (saad.elbaciri@hr.de)
+
+---
+
+# v1.113.3 (Tue Oct 29 2024)
+
+#### 🐛 Bug Fix
+
+- added some improvements to contactform response view [#1130](https://github.com/mumprod/hr-design-system-handlebars/pull/1130) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v1.113.2 (Mon Oct 28 2024)
 
 #### 🐛 Bug Fix

package/dist/assets/brand/hessenschau/conf/locatags.merged.json

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite hessenschau . d e",
 	"meta_application_name": "hessenschau.de"
 }

package/dist/assets/brand/hr/conf/locatags.merged.json

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite hr . d e",
 	"meta_application_name": "hr.de"
 }

package/dist/assets/brand/hr-bigband/conf/locatags.merged.json

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite hr-bigband . d e",
 	"meta_application_name": "hr-bigband.de"
 }

package/dist/assets/brand/hr-fernsehen/conf/locatags.merged.json

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite hr-fernsehen . d e",
 	"meta_application_name": "hr-fernsehen.de"
 }

package/dist/assets/brand/hr-inforadio/conf/locatags.merged.json

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite hr-inforadio . d e",
 	"meta_application_name": "hr-inforadio.de"
 }

package/dist/assets/brand/hr-rundfunkrat/conf/locatags.merged.json

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite hr-rundfunkrat . d e",
 	"meta_application_name": "hr-rundfunkrat.de"
 }

package/dist/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite hr-sinfonieorchester . d e",
 	"meta_application_name": "hr-sinfonieorchester.de"
 }

package/dist/assets/brand/hr-werbung/conf/locatags.merged.json

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite hr-werbung . d e",
 	"meta_application_name": "hr-werbung.de"
 }

package/dist/assets/brand/hr1/conf/locatags.merged.json

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite hr1 . d e",
 	"meta_application_name": "hr1.de"
 }

package/dist/assets/brand/hr2/conf/locatags.merged.json

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite hr2 . d e",
 	"meta_application_name": "hr2.de"
 }

package/dist/assets/brand/hr3/conf/locatags.merged.json

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite hr3 . d e",
 	"meta_application_name": "hr3.de"
 }

package/dist/assets/brand/hr4/conf/locatags.merged.json

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite hr4 . d e",
 	"meta_application_name": "hr4.de"
 }

package/dist/assets/brand/you-fm/conf/locatags.merged.json

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite you-fm . d e",
 	"meta_application_name": "you-fm.de"
 }

package/dist/assets/index.css

@@ -1535,6 +1535,9 @@ article.indexTextDS .indexTextHighlighted .link {
 .mt-60 {
   margin-top: 15rem;
 }
+.mt-7 {
+  margin-top: 1.75rem;
+}
 .mt-9 {
   margin-top: 2.25rem;
 }
@@ -1728,6 +1731,9 @@ article.indexTextDS .indexTextHighlighted .link {
 .min-h-3 {
   min-height: 0.75rem;
 }
+.min-h-5 {
+  min-height: 1.25rem;
+}
 .min-h-6 {
   min-height: 1.5rem;
 }
@@ -2141,6 +2147,9 @@ article.indexTextDS .indexTextHighlighted .link {
 .gap-5 {
   gap: 1.25rem;
 }
+.gap-6 {
+  gap: 1.5rem;
+}
 .gap-8 {
   gap: 2rem;
 }
@@ -2176,9 +2185,6 @@ article.indexTextDS .indexTextHighlighted .link {
 .gap-y-3 {
   row-gap: 0.75rem;
 }
-.gap-y-4 {
-  row-gap: 1rem;
-}
 .gap-y-5 {
   row-gap: 1.25rem;
 }
@@ -3618,7 +3624,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1730149384842;
+  counter-reset: cnt1730207516278;
 }
 .placeholder-text-xs::-webkit-input-placeholder {
   font-size: 0.75rem;
@@ -4032,7 +4038,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1730149384842 1;
+  counter-increment: cnt1730207516278 1;
 }
 .-ordered::before {
   position: absolute;
@@ -4050,7 +4056,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, 1);
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1730149384842);
+  content: counter(cnt1730207516278);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -7013,14 +7019,14 @@ select:has(option:checked[value='']) {
     margin-bottom: 0px;
   }
 
-  .md\:mb-12 {
-    margin-bottom: 3rem;
-  }
-
   .md\:mb-16 {
     margin-bottom: 4rem;
   }
 
+  .md\:mb-2 {
+    margin-bottom: 0.5rem;
+  }
+
   .md\:mb-3 {
     margin-bottom: 0.75rem;
   }
@@ -7211,6 +7217,10 @@ select:has(option:checked[value='']) {
     justify-content: space-between;
   }
 
+  .md\:gap-10 {
+    gap: 2.5rem;
+  }
+
   .md\:gap-x-3 {
     -moz-column-gap: 0.75rem;
          column-gap: 0.75rem;
@@ -7230,8 +7240,8 @@ select:has(option:checked[value='']) {
     row-gap: 3.5rem;
   }
 
-  .md\:gap-y-5 {
-    row-gap: 1.25rem;
+  .md\:gap-y-2 {
+    row-gap: 0.5rem;
   }
 
   .md\:space-x-3 > :not([hidden]) ~ :not([hidden]) {

package/dist/views/components/forms/components/backgroundBox.hbs

@@ -1,3 +1,3 @@
-<div class="relative px-5 pt-6 pb-8 mt-4 sm:mt-5 bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr sm:px-13 sm:pt-12 article-full-width sm:article-narrow" >
+<div class="relative px-5 pt-6 pb-8 mb-5 mt-7 sm:mt-12 bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr sm:px-13 sm:pt-12 article-full-width sm:article-narrow" >
     {{> @partial-block }}
 </div>

package/dist/views/components/forms/components/choice.hbs

@@ -1,5 +1,5 @@
 {{~changeRandom~}}
-<div class="relative flex flex-col w-full {{#unless _inGroup}} mb-6 md:mb-12{{/unless}} gap-y-4 md:gap-y-5" 
+<div class="relative flex flex-col w-full {{#unless _inGroup}} mb-5 md:mb-7{{/unless}} gap-y-1 md:gap-y-2" 
    {{#unless _inGroup}}
       {{#if _required}}
          ax-load
@@ -75,7 +75,7 @@
    </label>
 </div>  
 {{#unless _inGroup}}
-   <div class="font-heading">     
+   <div class="flex items-end justify-between min-h-5 font-heading">     
       {{#if _description}}  
          <div class="text-xs text-gray-scorpion dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription() }"{{/if}}>{{_description}}</div>
       {{/if}}

package/dist/views/components/forms/components/choiceGroup.hbs

@@ -5,8 +5,8 @@
         x-ignore
     {{/if}}
 >
-<div class="relative flex flex-col w-full mb-6 md:mb-12 gap-y-4 md:gap-y-5">
-    <legend class="text-lg font-bold text-text dark:text-text-dark md:text-xl font-heading">
+<div class="relative flex flex-col w-full mb-5 md:mb-7 gap-y-1 md:gap-y-2">
+    <legend class="mb-1 text-lg font-bold text-text dark:text-text-dark md:text-xl font-heading md:mb-2">
         {{#if _hasBody}}
             {{decorator_body}}{{#if _required}}*{{/if}}
         {{else}}
@@ -37,7 +37,7 @@
             </div>  
         {{/each}}
     </div>
-    <div class="font-heading">     
+    <div class="flex items-end justify-between min-h-5 font-heading">     
       {{#if _description}}  
          <div class="text-xs text-gray-scorpion dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
       {{/if}}

package/dist/views/components/forms/components/fields.hbs

@@ -3,7 +3,7 @@
 
         {{#if this.caption}}         
             <fieldset>
-                <legend class="mb-5 text-lg font-bold text-text dark:text-text-dark md:text-xl font-heading">{{this.caption}}</legend>
+                <legend class="mb-2 text-lg font-bold md:mb-3 text-text dark:text-text-dark md:text-xl font-heading">{{this.caption}}</legend>
                 {{~> components/forms/components/fields _formId=../_formId}}
             </fieldset>            
         {{else}}

package/dist/views/components/forms/components/input.hbs

@@ -64,7 +64,7 @@
       {{> components/forms/components/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
    </div>
  
-   <div class="flex items-end justify-between h-5 font-heading">     
+   <div class="flex items-end justify-between min-h-5 font-heading">     
       {{#if _description}}  
          <div class="pl-4 text-xs text-gray-scorpion dark:text-text-dark" :class="{'hidden': hideDescription() }">{{_description}}</div>
       {{/if}}

package/dist/views/components/forms/components/message.hbs

@@ -1,19 +1,28 @@
-<div class="flex flex-row items-center justify-between w-full">
+<div class="flex flex-col justify-between w-full gap-6 md:gap-10">
         <div class="flex items-center gap-x-2 md:gap-x-3">
             {{#if _success}}
                 {{> components/forms/components/success_icon}}
-                <span class="h-5 font-bold text-success">{{#if this.successText}}{{this.successText.richtext}}{{else}}{{~loca "webform_send_text_success"}}{{/if}}</span>       
+                <h3 class="font-bold text-success">{{~loca "webform_send_title_success"}}</h3>       
             {{else}}
                 {{> components/forms/components/error_icon _class="!block"}}
-                <span class="h-5 font-bold text-error dark:text-error-dark">{{~loca "webform_send_text_error"}}</span>  
+                <h3 class="font-bold text-error dark:text-error-dark">{{~loca "webform_send_title_error"}}</h3>  
             {{/if}}
-        </div>
-        {{#unless _success}}
-            {{#> components/button/button _variant="primary"_size="lg" }} 
-                <span class="text-base ds-button-label ">Nochmal versuchen</span>        
-            {{/components/button/button}}  
-            {{#*inline "htmlProperties"}}        
-                @click="retryHandler"
-            {{/inline}}
-        {{/unless}}   
-</div>
+        </div>      
+</div>
+<span class="font-copy">
+    {{#if _locaKeyText}}
+        {{loca _locaKeyText}}
+    {{else}}
+        {{{_text}}}
+    {{/if}}
+</span>
+{{#unless _success}}
+    <div class="flex justify-end">
+        {{#> components/button/button _variant="primary" _size="lg" }} 
+            <span class="text-base ds-button-label ">{{loca "webform_send_form_back"}}</span>        
+        {{/components/button/button}}  
+        {{#*inline "htmlProperties"}}        
+            @click="retryHandler"
+        {{/inline}}
+    </div>
+{{/unless}}  

package/dist/views/components/forms/components/select.hbs

@@ -43,7 +43,7 @@
     ">      
         {{_label}}{{#if _required}}*{{/if}}
     </label>
-    <div class="flex items-end justify-between h-5 font-heading">     
+    <div class="flex items-end justify-between min-h-5 font-heading">     
         {{#if _description}}  
             <div class="pl-4 text-xs text-gray-scorpion dark:text-text-dark" :class="{'hidden': hideDescription()}">{{_description}}</div>
         {{/if}}

package/dist/views/components/forms/components/textarea.hbs

@@ -64,7 +64,7 @@
             {{> components/forms/components/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
          </div>
   {{/if}}
-   <div class="flex items-end justify-between h-5 font-heading">     
+   <div class="flex items-end justify-between min-h-5 font-heading">     
       {{#if _description}}  
          <div class="pl-4 text-xs text-gray-scorpion" :class="{'hidden': hideDescription() }">{{_description}}</div>
       {{/if}}

package/dist/views/components/forms/components/upload.hbs

@@ -1,4 +1,4 @@
-<div class="relative flex flex-col w-full mb-6 gap-y-1 md:mb-12"
+<div class="relative flex flex-col w-full mb-5 gap-y-1 md:mb-7"
         ax-load
         x-data="inputHandler('input{{nextRandom}}','{{_formId}}','{{_errorMandatory}}','{{_type}}','', '', '{{_name}}')"
         x-init="validateUpload()"
@@ -61,7 +61,7 @@
             </button>
         </div>
     </div>
-    <div class="font-heading">     
+    <div class="flex items-end justify-between min-h-5 font-heading">     
         {{#if _description}}  
             <div class="text-xs text-gray-500 dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
         {{/if}}

package/dist/views/components/forms/webform.hbs

@@ -32,21 +32,25 @@
 
                     {{> components/forms/components/controls }}
                 </div>
-                <div id="successMessage" x-show="wasPostedWithSuccess"  
+                <div class="flex flex-col gap-6 md:gap-10" id="successMessage" x-show="wasPostedWithSuccess"  
                     x-transition:enter="transition ease-out duration-300 delay-75"
                     x-transition:enter-start="opacity-0 transform scale-90"
                     x-transition:enter-end="opacity-100 transform scale-100"
                     x-cloak
                     >
-                    {{> components/forms/components/message _success=true }}
+                    {{#if this.successText}}
+                        {{> components/forms/components/message _success=true _locaKeyTitle="webform_send_title_success" _text=this.successText.richtext }}
+                    {{else}}
+                        {{> components/forms/components/message _success=true _locaKeyTitle="webform_send_title_success" _locaKeyText="webform_send_text_success" }}
+                    {{/if}}
                 </div>
 
-                <div id="errorMessage"  x-show="wasPostedWithError" 
+                <div class="flex flex-col gap-6 md:gap-10" id="errorMessage"  x-show="wasPostedWithError" 
                     x-transition:enter="transition ease-out duration-300 delay-75"
                     x-transition:enter-start="opacity-0 transform scale-90"
                     x-transition:enter-end="opacity-100 transform scale-100"
                     x-cloak>
-                    {{> components/forms/components/message _success=false }}
+                    {{> components/forms/components/message _success=false _locaKeyTitle="webform_send_title_error" _locaKeyText="webform_send_text_error"}}
                 </div>
 
             </form>

package/dist/views_static/components/forms/components/backgroundBox.hbs

@@ -1,3 +1,3 @@
-<div class="relative px-5 pt-6 pb-8 mt-4 sm:mt-5 bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr sm:px-13 sm:pt-12 article-full-width sm:article-narrow" >
+<div class="relative px-5 pt-6 pb-8 mb-5 mt-7 sm:mt-12 bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr sm:px-13 sm:pt-12 article-full-width sm:article-narrow" >
     {{> @partial-block }}
 </div>

package/dist/views_static/components/forms/components/choice.hbs

@@ -1,5 +1,5 @@
 {{~changeRandom~}}
-<div class="relative flex flex-col w-full {{#unless _inGroup}} mb-6 md:mb-12{{/unless}} gap-y-4 md:gap-y-5" 
+<div class="relative flex flex-col w-full {{#unless _inGroup}} mb-5 md:mb-7{{/unless}} gap-y-1 md:gap-y-2" 
    {{#unless _inGroup}}
       {{#if _required}}
          ax-load
@@ -75,7 +75,7 @@
    </label>
 </div>  
 {{#unless _inGroup}}
-   <div class="font-heading">     
+   <div class="flex items-end justify-between min-h-5 font-heading">     
       {{#if _description}}  
          <div class="text-xs text-gray-scorpion dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription() }"{{/if}}>{{_description}}</div>
       {{/if}}

package/dist/views_static/components/forms/components/choiceGroup.hbs

@@ -5,8 +5,8 @@
         x-ignore
     {{/if}}
 >
-<div class="relative flex flex-col w-full mb-6 md:mb-12 gap-y-4 md:gap-y-5">
-    <legend class="text-lg font-bold text-text dark:text-text-dark md:text-xl font-heading">
+<div class="relative flex flex-col w-full mb-5 md:mb-7 gap-y-1 md:gap-y-2">
+    <legend class="mb-1 text-lg font-bold text-text dark:text-text-dark md:text-xl font-heading md:mb-2">
         {{#if _hasBody}}
             {{decorator_body}}{{#if _required}}*{{/if}}
         {{else}}
@@ -37,7 +37,7 @@
             </div>  
         {{/each}}
     </div>
-    <div class="font-heading">     
+    <div class="flex items-end justify-between min-h-5 font-heading">     
       {{#if _description}}  
          <div class="text-xs text-gray-scorpion dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
       {{/if}}

package/dist/views_static/components/forms/components/fields.hbs

@@ -3,7 +3,7 @@
 
         {{#if this.caption}}         
             <fieldset>
-                <legend class="mb-5 text-lg font-bold text-text dark:text-text-dark md:text-xl font-heading">{{this.caption}}</legend>
+                <legend class="mb-2 text-lg font-bold md:mb-3 text-text dark:text-text-dark md:text-xl font-heading">{{this.caption}}</legend>
                 {{~> components/forms/components/fields _formId=../_formId}}
             </fieldset>            
         {{else}}

package/dist/views_static/components/forms/components/input.hbs

@@ -64,7 +64,7 @@
       {{> components/forms/components/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
    </div>
  
-   <div class="flex items-end justify-between h-5 font-heading">     
+   <div class="flex items-end justify-between min-h-5 font-heading">     
       {{#if _description}}  
          <div class="pl-4 text-xs text-gray-scorpion dark:text-text-dark" :class="{'hidden': hideDescription() }">{{_description}}</div>
       {{/if}}

package/dist/views_static/components/forms/components/message.hbs

@@ -1,19 +1,28 @@
-<div class="flex flex-row items-center justify-between w-full">
+<div class="flex flex-col justify-between w-full gap-6 md:gap-10">
         <div class="flex items-center gap-x-2 md:gap-x-3">
             {{#if _success}}
                 {{> components/forms/components/success_icon}}
-                <span class="h-5 font-bold text-success">{{#if this.successText}}{{this.successText.richtext}}{{else}}{{~loca "webform_send_text_success"}}{{/if}}</span>       
+                <h3 class="font-bold text-success">{{~loca "webform_send_title_success"}}</h3>       
             {{else}}
                 {{> components/forms/components/error_icon _class="!block"}}
-                <span class="h-5 font-bold text-error dark:text-error-dark">{{~loca "webform_send_text_error"}}</span>  
+                <h3 class="font-bold text-error dark:text-error-dark">{{~loca "webform_send_title_error"}}</h3>  
             {{/if}}
-        </div>
-        {{#unless _success}}
-            {{#> components/button/button _variant="primary"_size="lg" }} 
-                <span class="text-base ds-button-label ">Nochmal versuchen</span>        
-            {{/components/button/button}}  
-            {{#*inline "htmlProperties"}}        
-                @click="retryHandler"
-            {{/inline}}
-        {{/unless}}   
-</div>
+        </div>      
+</div>
+<span class="font-copy">
+    {{#if _locaKeyText}}
+        {{loca _locaKeyText}}
+    {{else}}
+        {{{_text}}}
+    {{/if}}
+</span>
+{{#unless _success}}
+    <div class="flex justify-end">
+        {{#> components/button/button _variant="primary" _size="lg" }} 
+            <span class="text-base ds-button-label ">{{loca "webform_send_form_back"}}</span>        
+        {{/components/button/button}}  
+        {{#*inline "htmlProperties"}}        
+            @click="retryHandler"
+        {{/inline}}
+    </div>
+{{/unless}}  

package/dist/views_static/components/forms/components/select.hbs

@@ -43,7 +43,7 @@
     ">      
         {{_label}}{{#if _required}}*{{/if}}
     </label>
-    <div class="flex items-end justify-between h-5 font-heading">     
+    <div class="flex items-end justify-between min-h-5 font-heading">     
         {{#if _description}}  
             <div class="pl-4 text-xs text-gray-scorpion dark:text-text-dark" :class="{'hidden': hideDescription()}">{{_description}}</div>
         {{/if}}

package/dist/views_static/components/forms/components/textarea.hbs

@@ -64,7 +64,7 @@
             {{> components/forms/components/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
          </div>
   {{/if}}
-   <div class="flex items-end justify-between h-5 font-heading">     
+   <div class="flex items-end justify-between min-h-5 font-heading">     
       {{#if _description}}  
          <div class="pl-4 text-xs text-gray-scorpion" :class="{'hidden': hideDescription() }">{{_description}}</div>
       {{/if}}

package/dist/views_static/components/forms/components/upload.hbs

@@ -1,4 +1,4 @@
-<div class="relative flex flex-col w-full mb-6 gap-y-1 md:mb-12"
+<div class="relative flex flex-col w-full mb-5 gap-y-1 md:mb-7"
         ax-load
         x-data="inputHandler('input{{nextRandom}}','{{_formId}}','{{_errorMandatory}}','{{_type}}','', '', '{{_name}}')"
         x-init="validateUpload()"
@@ -61,7 +61,7 @@
             </button>
         </div>
     </div>
-    <div class="font-heading">     
+    <div class="flex items-end justify-between min-h-5 font-heading">     
         {{#if _description}}  
             <div class="text-xs text-gray-500 dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
         {{/if}}

package/dist/views_static/components/forms/webform.hbs

@@ -32,21 +32,25 @@
 
                     {{> components/forms/components/controls }}
                 </div>
-                <div id="successMessage" x-show="wasPostedWithSuccess"  
+                <div class="flex flex-col gap-6 md:gap-10" id="successMessage" x-show="wasPostedWithSuccess"  
                     x-transition:enter="transition ease-out duration-300 delay-75"
                     x-transition:enter-start="opacity-0 transform scale-90"
                     x-transition:enter-end="opacity-100 transform scale-100"
                     x-cloak
                     >
-                    {{> components/forms/components/message _success=true }}
+                    {{#if this.successText}}
+                        {{> components/forms/components/message _success=true _locaKeyTitle="webform_send_title_success" _text=this.successText.richtext }}
+                    {{else}}
+                        {{> components/forms/components/message _success=true _locaKeyTitle="webform_send_title_success" _locaKeyText="webform_send_text_success" }}
+                    {{/if}}
                 </div>
 
-                <div id="errorMessage"  x-show="wasPostedWithError" 
+                <div class="flex flex-col gap-6 md:gap-10" id="errorMessage"  x-show="wasPostedWithError" 
                     x-transition:enter="transition ease-out duration-300 delay-75"
                     x-transition:enter-start="opacity-0 transform scale-90"
                     x-transition:enter-end="opacity-100 transform scale-100"
                     x-cloak>
-                    {{> components/forms/components/message _success=false }}
+                    {{> components/forms/components/message _success=false _locaKeyTitle="webform_send_title_error" _locaKeyText="webform_send_text_error"}}
                 </div>
 
             </form>

package/package.json

@@ -6,7 +6,7 @@
   "license": "MIT",
   "main": "dist/index.js",
   "repository": "https://github.com/szuelch/hr-design-system-handlebars",
-  "version": "1.113.2",
+  "version": "1.113.4",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "storybook": "storybook dev -p 6006 public",

package/src/assets/brand/_default/conf/locatags.json

@@ -204,5 +204,8 @@
     "votingform_vote_result": "Anzahl der abgegebenen Stimmen: ",    
     "webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
     "webform_send_text_error": "Das Formular konnte nicht versendet werden.",
-    "webform_upload_label": "Datei auswählen"
+    "webform_upload_label": "Datei auswählen",
+    "webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+    "webform_send_form_back": "Zurück zum Formular"
 }

package/src/assets/brand/hessenschau/conf/locatags.merged.json

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite hessenschau . d e",
 	"meta_application_name": "hessenschau.de"
 }

package/src/assets/brand/hr/conf/locatags.merged.json

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite hr . d e",
 	"meta_application_name": "hr.de"
 }

package/src/assets/brand/hr-bigband/conf/locatags.merged.json

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite hr-bigband . d e",
 	"meta_application_name": "hr-bigband.de"
 }

package/src/assets/brand/hr-fernsehen/conf/locatags.merged.json

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite hr-fernsehen . d e",
 	"meta_application_name": "hr-fernsehen.de"
 }

package/src/assets/brand/hr-inforadio/conf/locatags.merged.json

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite hr-inforadio . d e",
 	"meta_application_name": "hr-inforadio.de"
 }

package/src/assets/brand/hr-rundfunkrat/conf/locatags.merged.json

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite hr-rundfunkrat . d e",
 	"meta_application_name": "hr-rundfunkrat.de"
 }

package/src/assets/brand/hr-sinfonieorchester/conf/locatags.merged.json

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite hr-sinfonieorchester . d e",
 	"meta_application_name": "hr-sinfonieorchester.de"
 }

package/src/assets/brand/hr-werbung/conf/locatags.merged.json

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite hr-werbung . d e",
 	"meta_application_name": "hr-werbung.de"
 }

package/src/assets/brand/hr1/conf/locatags.merged.json

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite hr1 . d e",
 	"meta_application_name": "hr1.de"
 }

package/src/assets/brand/hr2/conf/locatags.merged.json

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite hr2 . d e",
 	"meta_application_name": "hr2.de"
 }

package/src/assets/brand/hr3/conf/locatags.merged.json

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite hr3 . d e",
 	"meta_application_name": "hr3.de"
 }

package/src/assets/brand/hr4/conf/locatags.merged.json

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite hr4 . d e",
 	"meta_application_name": "hr4.de"
 }

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

@@ -205,6 +205,9 @@
 	"webform_send_text_success": "Das Formular wurde erfolgreich versendet.",
 	"webform_send_text_error": "Das Formular konnte nicht versendet werden.",
 	"webform_upload_label": "Datei auswählen",
+	"webform_send_title_error": "Das hat leider nicht geklappt!",
+	"webform_send_title_success": "Vielen Dank! Die Nachricht wurde verschickt.",
+	"webform_send_form_back": "Zurück zum Formular",
 	"header_homepage_link_title": "Startseite you-fm . d e",
 	"meta_application_name": "you-fm.de"
 }

package/src/assets/fixtures/content/copytext/copytext_webform.json

@@ -10,12 +10,15 @@
                 "hasNewWebForm": true,
                 "title": "Kontaktformular",
                 "jsonUrl": "https://ugc-hessenschau.dev-ext.hrcms.gcp.cloud.hr.de",
+                "successText":
+                {
+                    "richtext":"Liebe Nutzerin, lieber Nutzer,<br><br>ich werde mich so schnell wie möglich um Ihr Anliegen kümmern. Hier geht's zur <a class='' href='https://www.hessenschau.de/index.html'>hessenschau.de-Startseite</a> mit aktuellen Nachrichten aus Hessen.<br><br>Viele Grüße, <br><br>Karsten Hufer"
+                },
                 "errorMessages": 
-                    {
-                        "@->jsoninclude": "forms/error_messages.inc.json",
-                        "@->contentpath": "error-messages"
-
-                    },
+                {
+                    "@->jsoninclude": "forms/error_messages.inc.json",
+                    "@->contentpath": "error-messages"
+                },
                 "isMultipart": "isMultipart",
                 "trackingInformations": "trackingInformations",
                 "fields":[

package/src/assets/fixtures/content/copytext/copytext_webform_simple.json

@@ -9,6 +9,10 @@
                 "isWebForm": true,
                 "hasNewWebForm": true,
                 "title": "Kontaktformular",
+                "successText":
+                {
+                    "richtext":"Liebe Nutzerin, lieber Nutzer,<br><br>ich werde mich so schnell wie möglich um Ihr Anliegen kümmern. Hier geht's zur <a class='' href='https://www.hessenschau.de/index.html'>hessenschau.de-Startseite</a> mit aktuellen Nachrichten aus Hessen.<br><br>Viele Grüße, <br><br>Karsten Hufer"
+                },
                 "jsonUrl": "https://ugc-hessenschau.dev-ext.hrcms.gcp.cloud.hr.de",
                 "errorMessages": 
                     {

package/src/stories/views/components/content/copytext/fixtures/copytext_webform.json

@@ -1 +1 @@
-{"copytextParagraph":[{"isHeadline":true,"text":"Copytext mit Formular"},{"paragraphBoxItem":{"isWebForm":true,"hasNewWebForm":true,"title":"Kontaktformular","jsonUrl":"https://ugc-hessenschau.dev-ext.hrcms.gcp.cloud.hr.de","errorMessages":""form_error_required":"Server: Pflichtfeld","form_error_max":"Server: Zu viele Zeichen","form_error_validurl":"Server: Ungültige URL","form_error_empty":"Server: Darf nicht ausgefüllt werden","form_error_constants_or_null":"Server: Ungültiger Wert","form_error_constants":"Server: Ungültiger Wert","form_error_max_multivalue":"Server: Die maximale Anzahl an Antwortmöglichkeiten wurde überschritten","vote_error_identity_already_used":"Server: Unter dieser E-Mail-Adresse wurde bereits abgestimmt. Eine weitere Abstimmung ist nicht möglich.","vote_error_token_request_count_exceeded":"Server: Die maximale Anzahl an Bestätigungs-E-Mails wurde bereits verschickt.","form_error_email":"Server: Ungültige E-Mail-Adresse"","isMultipart":"isMultipart","trackingInformations":"trackingInformations","fields":[{"type":{"isText":true,"asString":"text"},"name":"vorname","label":"Vorname","description":"Das ist der Beschreibungstext (*Pflichtfeld)","defaultValue":"","isHidden":false,"isRequired":true,"maxLength":"140"},{"type":{"isText":true,"asString":"text"},"name":"nachname","label":"Nachname","description":"","defaultValue":"","isHidden":false,"isRequired":true,"maxLength":"140"},{"type":{"isUpload":true,"asString":"upload"},"name":"Datei Hochladen","label":"Wählen Sie eine Datei zum Hochladen","description":"Maximale Dateigröße: 35 MB.","isRequired":true},{"type":{"isSelect":true,"asString":"select"},"name":"Select Name","label":"Wen möchten Sie erreichen?","description":"Das ist der Beschreibungstext von Select","defaultValue":"","isHidden":false,"isRequired":true,"options":[{"id":"option1","value":"option1","selected":false,"label":"Option 1"},{"id":"option2","value":"option2","selected":false,"label":"Option 2"},{"id":"option3","value":"option3","selected":false,"label":"Option 3"},{"id":"option4","value":"option4","selected":false,"label":"Option 4"}]},{"isGrouped":true,"type":{"isChoice":true,"asString":"checkbox"},"name":"interessen","label":"Wählen Sie Ihre Interessen","isMeta":false,"description":"Bitte kreuzen Sie alle Interessen an, die auf Sie zutreffen. Ihre Auswahl hilft uns, Ihnen relevante Inhalte anzubieten.","isRequired":false,"options":[{"value":"sport","label":"sport","title":"sport","isSelected":false},{"value":"musik","label":"musik","title":"musik","isSelected":false},{"value":"lesen","label":"lesen","title":"lesen","isSelected":false},{"value":"reisen","label":"reisen","title":"reisen","isSelected":false},{"value":"kochen","label":"kochen","title":"kochen","isSelected":false},{"value":"filme","label":"filme","title":"filme","isSelected":false},{"value":"tanzen","label":"tanzen","title":"tanzen","isSelected":false},{"value":"fotografie","label":"fotografie","title":"fotografie","isSelected":false}]},{"isGrouped":true,"type":{"isChoice":true,"isRadioChoice":true,"asString":"radio"},"name":"lieblingsfarbe","label":"Wählen Sie Ihre Lieblingsfarbe","isMeta":false,"description":"Bitte wählen Sie eine der folgenden Farben aus.","isRequired":true,"options":[{"value":"rot","label":"rot","title":"rot","isSelected":false},{"value":"blau","label":"blau","title":"blau","isSelected":false},{"value":"grün","label":"grün","title":"grün","isSelected":false}]},{"isGrouped":true,"type":{"isChoice":true,"isRadioChoice":true,"asString":"radio"},"name":"lieblingsfarbe","label":"Wählen Sie Ihre Lieblingsfarbe","isMeta":false,"description":"Bitte wählen Sie eine der folgenden Farben aus.","isRequired":false,"options":[{"value":"rot","label":"rot","title":"rot","isSelected":false},{"value":"blau","label":"blau","title":"blau","isSelected":false},{"value":"grün","label":"grün","title":"grün","isSelected":false}]},{"isGrouped":false,"type":{"isChoice":true,"asString":"checkbox"},"name":"checkbox","label":"Ich bin damit einverstanden.","isMeta":false,"description":"Das ist der Beschreibungstext von Checkbox","isRequired":false},{"isGrouped":false,"type":{"isChoice":true,"asString":"checkbox"},"name":"checkbox","label":"Ich bin damit einverstanden, dass der hr die von mir im vorstehenden Formular angegebenen personenbezogenen Daten für den Zweck der Kontaktaufnahme mit Upload verarbeitet. Eine Weitergabe an Dritte findet nicht statt, es sei denn, es wird ausdrücklich darauf hingewiesen. Unsere Datenschutzerklärung mit sämtlichen Informationen gemäß Art 13 DSGVO zur Datenverarbeitung durch den hr und zu Ihren Rechten können Sie unter Datenschutzerklärung einsehen. Den Datenschutzbeauftragten des hr erreichen Sie unter datenschutz@hr.de.","isMeta":false,"description":"Das ist der Beschreibungstext von Checkbox","isRequired":true}]}}]}
+{"copytextParagraph":[{"isHeadline":true,"text":"Copytext mit Formular"},{"paragraphBoxItem":{"isWebForm":true,"hasNewWebForm":true,"title":"Kontaktformular","jsonUrl":"https://ugc-hessenschau.dev-ext.hrcms.gcp.cloud.hr.de","successText":{"richtext":"Liebe Nutzerin, lieber Nutzer,<br><br>ich werde mich so schnell wie möglich um Ihr Anliegen kümmern. Hier geht's zur <a class='' href='https://www.hessenschau.de/index.html'>hessenschau.de-Startseite</a> mit aktuellen Nachrichten aus Hessen.<br><br>Viele Grüße, <br><br>Karsten Hufer"},"errorMessages":"&quot;form_error_required&quot;:&quot;Server: Pflichtfeld&quot;,&quot;form_error_max&quot;:&quot;Server: Zu viele Zeichen&quot;,&quot;form_error_validurl&quot;:&quot;Server: Ungültige URL&quot;,&quot;form_error_empty&quot;:&quot;Server: Darf nicht ausgefüllt werden&quot;,&quot;form_error_constants_or_null&quot;:&quot;Server: Ungültiger Wert&quot;,&quot;form_error_constants&quot;:&quot;Server: Ungültiger Wert&quot;,&quot;form_error_max_multivalue&quot;:&quot;Server: Die maximale Anzahl an Antwortmöglichkeiten wurde überschritten&quot;,&quot;vote_error_identity_already_used&quot;:&quot;Server: Unter dieser E-Mail-Adresse wurde bereits abgestimmt. Eine weitere Abstimmung ist nicht möglich.&quot;,&quot;vote_error_token_request_count_exceeded&quot;:&quot;Server: Die maximale Anzahl an Bestätigungs-E-Mails wurde bereits verschickt.&quot;,&quot;form_error_email&quot;:&quot;Server: Ungültige E-Mail-Adresse&quot;","isMultipart":"isMultipart","trackingInformations":"trackingInformations","fields":[{"type":{"isText":true,"asString":"text"},"name":"vorname","label":"Vorname","description":"Das ist der Beschreibungstext (*Pflichtfeld)","defaultValue":"","isHidden":false,"isRequired":true,"maxLength":"140"},{"type":{"isText":true,"asString":"text"},"name":"nachname","label":"Nachname","description":"","defaultValue":"","isHidden":false,"isRequired":true,"maxLength":"140"},{"type":{"isUpload":true,"asString":"upload"},"name":"Datei Hochladen","label":"Wählen Sie eine Datei zum Hochladen","description":"Maximale Dateigröße: 35 MB.","isRequired":true},{"type":{"isSelect":true,"asString":"select"},"name":"Select Name","label":"Wen möchten Sie erreichen?","description":"Das ist der Beschreibungstext von Select","defaultValue":"","isHidden":false,"isRequired":true,"options":[{"id":"option1","value":"option1","selected":false,"label":"Option 1"},{"id":"option2","value":"option2","selected":false,"label":"Option 2"},{"id":"option3","value":"option3","selected":false,"label":"Option 3"},{"id":"option4","value":"option4","selected":false,"label":"Option 4"}]},{"isGrouped":true,"type":{"isChoice":true,"asString":"checkbox"},"name":"interessen","label":"Wählen Sie Ihre Interessen","isMeta":false,"description":"Bitte kreuzen Sie alle Interessen an, die auf Sie zutreffen. Ihre Auswahl hilft uns, Ihnen relevante Inhalte anzubieten.","isRequired":false,"options":[{"value":"sport","label":"sport","title":"sport","isSelected":false},{"value":"musik","label":"musik","title":"musik","isSelected":false},{"value":"lesen","label":"lesen","title":"lesen","isSelected":false},{"value":"reisen","label":"reisen","title":"reisen","isSelected":false},{"value":"kochen","label":"kochen","title":"kochen","isSelected":false},{"value":"filme","label":"filme","title":"filme","isSelected":false},{"value":"tanzen","label":"tanzen","title":"tanzen","isSelected":false},{"value":"fotografie","label":"fotografie","title":"fotografie","isSelected":false}]},{"isGrouped":true,"type":{"isChoice":true,"isRadioChoice":true,"asString":"radio"},"name":"lieblingsfarbe","label":"Wählen Sie Ihre Lieblingsfarbe","isMeta":false,"description":"Bitte wählen Sie eine der folgenden Farben aus.","isRequired":true,"options":[{"value":"rot","label":"rot","title":"rot","isSelected":false},{"value":"blau","label":"blau","title":"blau","isSelected":false},{"value":"grün","label":"grün","title":"grün","isSelected":false}]},{"isGrouped":true,"type":{"isChoice":true,"isRadioChoice":true,"asString":"radio"},"name":"lieblingsfarbe","label":"Wählen Sie Ihre Lieblingsfarbe","isMeta":false,"description":"Bitte wählen Sie eine der folgenden Farben aus.","isRequired":false,"options":[{"value":"rot","label":"rot","title":"rot","isSelected":false},{"value":"blau","label":"blau","title":"blau","isSelected":false},{"value":"grün","label":"grün","title":"grün","isSelected":false}]},{"isGrouped":false,"type":{"isChoice":true,"asString":"checkbox"},"name":"checkbox","label":"Ich bin damit einverstanden.","isMeta":false,"description":"Das ist der Beschreibungstext von Checkbox","isRequired":false},{"isGrouped":false,"type":{"isChoice":true,"asString":"checkbox"},"name":"checkbox","label":"Ich bin damit einverstanden, dass der hr die von mir im vorstehenden Formular angegebenen personenbezogenen Daten für den Zweck der Kontaktaufnahme mit Upload verarbeitet. Eine Weitergabe an Dritte findet nicht statt, es sei denn, es wird ausdrücklich darauf hingewiesen. Unsere Datenschutzerklärung mit sämtlichen Informationen gemäß Art 13 DSGVO zur Datenverarbeitung durch den hr und zu Ihren Rechten können Sie unter Datenschutzerklärung einsehen. Den Datenschutzbeauftragten des hr erreichen Sie unter datenschutz@hr.de.","isMeta":false,"description":"Das ist der Beschreibungstext von Checkbox","isRequired":true}]}}]}

package/src/stories/views/components/content/copytext/fixtures/copytext_webform_simple.json

@@ -1 +1 @@
-{"copytextParagraph":[{"isHeadline":true,"text":"Copytext mit Formular"},{"paragraphBoxItem":{"isWebForm":true,"hasNewWebForm":true,"title":"Kontaktformular","jsonUrl":"https://ugc-hessenschau.dev-ext.hrcms.gcp.cloud.hr.de","errorMessages":""form_error_required":"Server: Pflichtfeld","form_error_max":"Server: Zu viele Zeichen","form_error_validurl":"Server: Ungültige URL","form_error_empty":"Server: Darf nicht ausgefüllt werden","form_error_constants_or_null":"Server: Ungültiger Wert","form_error_constants":"Server: Ungültiger Wert","form_error_max_multivalue":"Server: Die maximale Anzahl an Antwortmöglichkeiten wurde überschritten","vote_error_identity_already_used":"Server: Unter dieser E-Mail-Adresse wurde bereits abgestimmt. Eine weitere Abstimmung ist nicht möglich.","vote_error_token_request_count_exceeded":"Server: Die maximale Anzahl an Bestätigungs-E-Mails wurde bereits verschickt.","form_error_email":"Server: Ungültige E-Mail-Adresse"","isMultipart":"isMultipart","trackingInformations":"trackingInformations","fields":[{"type":{"isText":true,"asString":"text"},"name":"vorname","label":"Vorname","description":"Das ist der Beschreibungstext von Vorname","defaultValue":"","isHidden":false,"isRequired":false}]}}]}
+{"copytextParagraph":[{"isHeadline":true,"text":"Copytext mit Formular"},{"paragraphBoxItem":{"isWebForm":true,"hasNewWebForm":true,"title":"Kontaktformular","successText":{"richtext":"Liebe Nutzerin, lieber Nutzer,<br><br>ich werde mich so schnell wie möglich um Ihr Anliegen kümmern. Hier geht's zur <a class='' href='https://www.hessenschau.de/index.html'>hessenschau.de-Startseite</a> mit aktuellen Nachrichten aus Hessen.<br><br>Viele Grüße, <br><br>Karsten Hufer"},"jsonUrl":"https://ugc-hessenschau.dev-ext.hrcms.gcp.cloud.hr.de","errorMessages":"&quot;form_error_required&quot;:&quot;Server: Pflichtfeld&quot;,&quot;form_error_max&quot;:&quot;Server: Zu viele Zeichen&quot;,&quot;form_error_validurl&quot;:&quot;Server: Ungültige URL&quot;,&quot;form_error_empty&quot;:&quot;Server: Darf nicht ausgefüllt werden&quot;,&quot;form_error_constants_or_null&quot;:&quot;Server: Ungültiger Wert&quot;,&quot;form_error_constants&quot;:&quot;Server: Ungültiger Wert&quot;,&quot;form_error_max_multivalue&quot;:&quot;Server: Die maximale Anzahl an Antwortmöglichkeiten wurde überschritten&quot;,&quot;vote_error_identity_already_used&quot;:&quot;Server: Unter dieser E-Mail-Adresse wurde bereits abgestimmt. Eine weitere Abstimmung ist nicht möglich.&quot;,&quot;vote_error_token_request_count_exceeded&quot;:&quot;Server: Die maximale Anzahl an Bestätigungs-E-Mails wurde bereits verschickt.&quot;,&quot;form_error_email&quot;:&quot;Server: Ungültige E-Mail-Adresse&quot;","isMultipart":"isMultipart","trackingInformations":"trackingInformations","fields":[{"type":{"isText":true,"asString":"text"},"name":"vorname","label":"Vorname","description":"Das ist der Beschreibungstext von Vorname","defaultValue":"","isHidden":false,"isRequired":false}]}}]}

package/src/stories/views/components/forms/components/backgroundBox.hbs

@@ -1,3 +1,3 @@
-<div class="relative px-5 pt-6 pb-8 mt-4 sm:mt-5 bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr sm:px-13 sm:pt-12 article-full-width sm:article-narrow" >
+<div class="relative px-5 pt-6 pb-8 mb-5 mt-7 sm:mt-12 bg-highlight-1 dark:bg-highlight-1-dark sm:rounded-tl-hr sm:rounded-br-hr sm:px-13 sm:pt-12 article-full-width sm:article-narrow" >
     {{> @partial-block }}
 </div>

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

@@ -1,5 +1,5 @@
 {{~changeRandom~}}
-<div class="relative flex flex-col w-full {{#unless _inGroup}} mb-6 md:mb-12{{/unless}} gap-y-4 md:gap-y-5" 
+<div class="relative flex flex-col w-full {{#unless _inGroup}} mb-5 md:mb-7{{/unless}} gap-y-1 md:gap-y-2" 
    {{#unless _inGroup}}
       {{#if _required}}
          ax-load
@@ -75,7 +75,7 @@
    </label>
 </div>  
 {{#unless _inGroup}}
-   <div class="font-heading">     
+   <div class="flex items-end justify-between min-h-5 font-heading">     
       {{#if _description}}  
          <div class="text-xs text-gray-scorpion dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription() }"{{/if}}>{{_description}}</div>
       {{/if}}

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

@@ -5,8 +5,8 @@
         x-ignore
     {{/if}}
 >
-<div class="relative flex flex-col w-full mb-6 md:mb-12 gap-y-4 md:gap-y-5">
-    <legend class="text-lg font-bold text-text dark:text-text-dark md:text-xl font-heading">
+<div class="relative flex flex-col w-full mb-5 md:mb-7 gap-y-1 md:gap-y-2">
+    <legend class="mb-1 text-lg font-bold text-text dark:text-text-dark md:text-xl font-heading md:mb-2">
         {{#if _hasBody}}
             {{decorator_body}}{{#if _required}}*{{/if}}
         {{else}}
@@ -37,7 +37,7 @@
             </div>  
         {{/each}}
     </div>
-    <div class="font-heading">     
+    <div class="flex items-end justify-between min-h-5 font-heading">     
       {{#if _description}}  
          <div class="text-xs text-gray-scorpion dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
       {{/if}}

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

@@ -3,7 +3,7 @@
 
         {{#if this.caption}}         
             <fieldset>
-                <legend class="mb-5 text-lg font-bold text-text dark:text-text-dark md:text-xl font-heading">{{this.caption}}</legend>
+                <legend class="mb-2 text-lg font-bold md:mb-3 text-text dark:text-text-dark md:text-xl font-heading">{{this.caption}}</legend>
                 {{~> components/forms/components/fields _formId=../_formId}}
             </fieldset>            
         {{else}}

package/src/stories/views/components/forms/components/input.hbs

@@ -64,7 +64,7 @@
       {{> components/forms/components/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
    </div>
  
-   <div class="flex items-end justify-between h-5 font-heading">     
+   <div class="flex items-end justify-between min-h-5 font-heading">     
       {{#if _description}}  
          <div class="pl-4 text-xs text-gray-scorpion dark:text-text-dark" :class="{'hidden': hideDescription() }">{{_description}}</div>
       {{/if}}

package/src/stories/views/components/forms/components/message.hbs

@@ -1,19 +1,28 @@
-<div class="flex flex-row items-center justify-between w-full">
+<div class="flex flex-col justify-between w-full gap-6 md:gap-10">
         <div class="flex items-center gap-x-2 md:gap-x-3">
             {{#if _success}}
                 {{> components/forms/components/success_icon}}
-                <span class="h-5 font-bold text-success">{{#if this.successText}}{{this.successText.richtext}}{{else}}{{~loca "webform_send_text_success"}}{{/if}}</span>       
+                <h3 class="font-bold text-success">{{~loca "webform_send_title_success"}}</h3>       
             {{else}}
                 {{> components/forms/components/error_icon _class="!block"}}
-                <span class="h-5 font-bold text-error dark:text-error-dark">{{~loca "webform_send_text_error"}}</span>  
+                <h3 class="font-bold text-error dark:text-error-dark">{{~loca "webform_send_title_error"}}</h3>  
             {{/if}}
-        </div>
-        {{#unless _success}}
-            {{#> components/button/button _variant="primary"_size="lg" }} 
-                <span class="text-base ds-button-label ">Nochmal versuchen</span>        
-            {{/components/button/button}}  
-            {{#*inline "htmlProperties"}}        
-                @click="retryHandler"
-            {{/inline}}
-        {{/unless}}   
-</div>
+        </div>      
+</div>
+<span class="font-copy">
+    {{#if _locaKeyText}}
+        {{loca _locaKeyText}}
+    {{else}}
+        {{{_text}}}
+    {{/if}}
+</span>
+{{#unless _success}}
+    <div class="flex justify-end">
+        {{#> components/button/button _variant="primary" _size="lg" }} 
+            <span class="text-base ds-button-label ">{{loca "webform_send_form_back"}}</span>        
+        {{/components/button/button}}  
+        {{#*inline "htmlProperties"}}        
+            @click="retryHandler"
+        {{/inline}}
+    </div>
+{{/unless}}  

package/src/stories/views/components/forms/components/select.hbs

@@ -43,7 +43,7 @@
     ">      
         {{_label}}{{#if _required}}*{{/if}}
     </label>
-    <div class="flex items-end justify-between h-5 font-heading">     
+    <div class="flex items-end justify-between min-h-5 font-heading">     
         {{#if _description}}  
             <div class="pl-4 text-xs text-gray-scorpion dark:text-text-dark" :class="{'hidden': hideDescription()}">{{_description}}</div>
         {{/if}}

package/src/stories/views/components/forms/components/textarea.hbs

@@ -64,7 +64,7 @@
             {{> components/forms/components/error_icon _class="hidden" _xclass="{'hidden': hideError() }"}}
          </div>
   {{/if}}
-   <div class="flex items-end justify-between h-5 font-heading">     
+   <div class="flex items-end justify-between min-h-5 font-heading">     
       {{#if _description}}  
          <div class="pl-4 text-xs text-gray-scorpion" :class="{'hidden': hideDescription() }">{{_description}}</div>
       {{/if}}

package/src/stories/views/components/forms/components/upload.hbs

@@ -1,4 +1,4 @@
-<div class="relative flex flex-col w-full mb-6 gap-y-1 md:mb-12"
+<div class="relative flex flex-col w-full mb-5 gap-y-1 md:mb-7"
         ax-load
         x-data="inputHandler('input{{nextRandom}}','{{_formId}}','{{_errorMandatory}}','{{_type}}','', '', '{{_name}}')"
         x-init="validateUpload()"
@@ -61,7 +61,7 @@
             </button>
         </div>
     </div>
-    <div class="font-heading">     
+    <div class="flex items-end justify-between min-h-5 font-heading">     
         {{#if _description}}  
             <div class="text-xs text-gray-500 dark:text-text-dark" {{#if _required}}:class="{'hidden': hideDescription()}"{{/if}}>{{_description}}</div>
         {{/if}}

package/src/stories/views/components/forms/form_upload.stories.js

@@ -18,11 +18,11 @@ export default {
 }
 const Template = (args) => {
     let hbsTemplate = handlebars.compile(`
-    {{#>components/forms/backgroundBox  }}  
+    {{#>components/forms/components/backgroundBox  }}  
             <form class="relative flex flex-col justify-center overflow-hidden group" id="form{{nextRandom}}" action="{{this.url}}" method="post" enctype="{{if this.isMultipart 'multipart/form-data' 'application/x-www-form-urlencoded'}}" accept-charset="utf-8" >     
                 {{> components/forms/components/fields }}
             </form>
-    {{/components/forms/backgroundBox }}
+    {{/components/forms/components/backgroundBox }}
   `)
     return hbsTemplate({ ...args })
 }

package/src/stories/views/components/forms/webform.hbs

@@ -32,21 +32,25 @@
 
                     {{> components/forms/components/controls }}
                 </div>
-                <div id="successMessage" x-show="wasPostedWithSuccess"  
+                <div class="flex flex-col gap-6 md:gap-10" id="successMessage" x-show="wasPostedWithSuccess"  
                     x-transition:enter="transition ease-out duration-300 delay-75"
                     x-transition:enter-start="opacity-0 transform scale-90"
                     x-transition:enter-end="opacity-100 transform scale-100"
                     x-cloak
                     >
-                    {{> components/forms/components/message _success=true }}
+                    {{#if this.successText}}
+                        {{> components/forms/components/message _success=true _locaKeyTitle="webform_send_title_success" _text=this.successText.richtext }}
+                    {{else}}
+                        {{> components/forms/components/message _success=true _locaKeyTitle="webform_send_title_success" _locaKeyText="webform_send_text_success" }}
+                    {{/if}}
                 </div>
 
-                <div id="errorMessage"  x-show="wasPostedWithError" 
+                <div class="flex flex-col gap-6 md:gap-10" id="errorMessage"  x-show="wasPostedWithError" 
                     x-transition:enter="transition ease-out duration-300 delay-75"
                     x-transition:enter-start="opacity-0 transform scale-90"
                     x-transition:enter-end="opacity-100 transform scale-100"
                     x-cloak>
-                    {{> components/forms/components/message _success=false }}
+                    {{> components/forms/components/message _success=false _locaKeyTitle="webform_send_title_error" _locaKeyText="webform_send_text_error"}}
                 </div>
 
             </form>