hr-design-system-handlebars 1.113.10 → 1.113.12

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v1.113.12 (Fri Nov 01 2024)
+
+#### 🐛 Bug Fix
+
+- add single-choice voting [#1139](https://github.com/mumprod/hr-design-system-handlebars/pull/1139) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
+# v1.113.11 (Fri Nov 01 2024)
+
+#### 🐛 Bug Fix
+
+- added scrollToElementAndCenterWithTimeout to fix center problems [#1138](https://github.com/mumprod/hr-design-system-handlebars/pull/1138) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v1.113.10 (Fri Nov 01 2024)
 
 #### 🐛 Bug Fix

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

@@ -196,6 +196,7 @@
 	"votingform_text_error": "Ihre Stimme konnte nicht gezählt werden, weil ein Fehler aufgetreten ist. Bitte versuchen Sie es später wieder.",
 	"votingform_text_success": "Ihre Stimme wurde gezählt.",
 	"votingform_open_answers_text": "Bis zu {0} Antworten möglich",
+	"votingform_single_answer_text": "Nur eine Antwort ist möglich",
 	"votingform2F_title_success": "Vielen Dank für Ihre Stimme.",
 	"votingform2F_text_success": "Eine E-Mail zur Bestätigung Ihrer Abstimmung wurde Ihnen geschickt. Bitte prüfen Sie gegebenenfalls auch Ihren Spam-Ordner.",
 	"votingform2F_privacy_protection_disclaimer": "Ich stimme der Verarbeitung meiner E-Mail-Adresse zum Zweck der Teilnahme sowie der <a href=\"https://hr.de/datenschutz\" class=\"{nuc https://hr.de/datenschutz nuc}link unbreakable\" target=\"_blank\"><span class=\"unbreakable\">Datenschutzerklärung<svg class=\"icon icon--primary icon--textRight\" role=\"presentation\"><use xlink:href=\"{<% hrcms.delivery.current.assetBaseUrl %>}base/icons/icons/svgmap.min.svg#extern\"/></svg></span></a> des hr zu.",

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

@@ -196,6 +196,7 @@
 	"votingform_text_error": "Ihre Stimme konnte nicht gezählt werden, weil ein Fehler aufgetreten ist. Bitte versuchen Sie es später wieder.",
 	"votingform_text_success": "Ihre Stimme wurde gezählt.",
 	"votingform_open_answers_text": "Bis zu {0} Antworten möglich",
+	"votingform_single_answer_text": "Nur eine Antwort ist möglich",
 	"votingform2F_title_success": "Vielen Dank für Ihre Stimme.",
 	"votingform2F_text_success": "Eine E-Mail zur Bestätigung Ihrer Abstimmung wurde Ihnen geschickt. Bitte prüfen Sie gegebenenfalls auch Ihren Spam-Ordner.",
 	"votingform2F_privacy_protection_disclaimer": "Ich stimme der Verarbeitung meiner E-Mail-Adresse zum Zweck der Teilnahme sowie der <a href=\"https://hr.de/datenschutz\" class=\"{nuc https://hr.de/datenschutz nuc}link unbreakable\" target=\"_blank\"><span class=\"unbreakable\">Datenschutzerklärung<svg class=\"icon icon--primary icon--textRight\" role=\"presentation\"><use xlink:href=\"{<% hrcms.delivery.current.assetBaseUrl %>}base/icons/icons/svgmap.min.svg#extern\"/></svg></span></a> des hr zu.",

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

@@ -196,6 +196,7 @@
 	"votingform_text_error": "Ihre Stimme konnte nicht gezählt werden, weil ein Fehler aufgetreten ist. Bitte versuchen Sie es später wieder.",
 	"votingform_text_success": "Ihre Stimme wurde gezählt.",
 	"votingform_open_answers_text": "Bis zu {0} Antworten möglich",
+	"votingform_single_answer_text": "Nur eine Antwort ist möglich",
 	"votingform2F_title_success": "Vielen Dank für Ihre Stimme.",
 	"votingform2F_text_success": "Eine E-Mail zur Bestätigung Ihrer Abstimmung wurde Ihnen geschickt. Bitte prüfen Sie gegebenenfalls auch Ihren Spam-Ordner.",
 	"votingform2F_privacy_protection_disclaimer": "Ich stimme der Verarbeitung meiner E-Mail-Adresse zum Zweck der Teilnahme sowie der <a href=\"https://hr.de/datenschutz\" class=\"{nuc https://hr.de/datenschutz nuc}link unbreakable\" target=\"_blank\"><span class=\"unbreakable\">Datenschutzerklärung<svg class=\"icon icon--primary icon--textRight\" role=\"presentation\"><use xlink:href=\"{<% hrcms.delivery.current.assetBaseUrl %>}base/icons/icons/svgmap.min.svg#extern\"/></svg></span></a> des hr zu.",

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

@@ -196,6 +196,7 @@
 	"votingform_text_error": "Ihre Stimme konnte nicht gezählt werden, weil ein Fehler aufgetreten ist. Bitte versuchen Sie es später wieder.",
 	"votingform_text_success": "Ihre Stimme wurde gezählt.",
 	"votingform_open_answers_text": "Bis zu {0} Antworten möglich",
+	"votingform_single_answer_text": "Nur eine Antwort ist möglich",
 	"votingform2F_title_success": "Vielen Dank für Ihre Stimme.",
 	"votingform2F_text_success": "Eine E-Mail zur Bestätigung Ihrer Abstimmung wurde Ihnen geschickt. Bitte prüfen Sie gegebenenfalls auch Ihren Spam-Ordner.",
 	"votingform2F_privacy_protection_disclaimer": "Ich stimme der Verarbeitung meiner E-Mail-Adresse zum Zweck der Teilnahme sowie der <a href=\"https://hr.de/datenschutz\" class=\"{nuc https://hr.de/datenschutz nuc}link unbreakable\" target=\"_blank\"><span class=\"unbreakable\">Datenschutzerklärung<svg class=\"icon icon--primary icon--textRight\" role=\"presentation\"><use xlink:href=\"{<% hrcms.delivery.current.assetBaseUrl %>}base/icons/icons/svgmap.min.svg#extern\"/></svg></span></a> des hr zu.",

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

@@ -196,6 +196,7 @@
 	"votingform_text_error": "Ihre Stimme konnte nicht gezählt werden, weil ein Fehler aufgetreten ist. Bitte versuchen Sie es später wieder.",
 	"votingform_text_success": "Ihre Stimme wurde gezählt.",
 	"votingform_open_answers_text": "Bis zu {0} Antworten möglich",
+	"votingform_single_answer_text": "Nur eine Antwort ist möglich",
 	"votingform2F_title_success": "Vielen Dank für Ihre Stimme.",
 	"votingform2F_text_success": "Eine E-Mail zur Bestätigung Ihrer Abstimmung wurde Ihnen geschickt. Bitte prüfen Sie gegebenenfalls auch Ihren Spam-Ordner.",
 	"votingform2F_privacy_protection_disclaimer": "Ich stimme der Verarbeitung meiner E-Mail-Adresse zum Zweck der Teilnahme sowie der <a href=\"https://hr.de/datenschutz\" class=\"{nuc https://hr.de/datenschutz nuc}link unbreakable\" target=\"_blank\"><span class=\"unbreakable\">Datenschutzerklärung<svg class=\"icon icon--primary icon--textRight\" role=\"presentation\"><use xlink:href=\"{<% hrcms.delivery.current.assetBaseUrl %>}base/icons/icons/svgmap.min.svg#extern\"/></svg></span></a> des hr zu.",

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

@@ -196,6 +196,7 @@
 	"votingform_text_error": "Ihre Stimme konnte nicht gezählt werden, weil ein Fehler aufgetreten ist. Bitte versuchen Sie es später wieder.",
 	"votingform_text_success": "Ihre Stimme wurde gezählt.",
 	"votingform_open_answers_text": "Bis zu {0} Antworten möglich",
+	"votingform_single_answer_text": "Nur eine Antwort ist möglich",
 	"votingform2F_title_success": "Vielen Dank für Ihre Stimme.",
 	"votingform2F_text_success": "Eine E-Mail zur Bestätigung Ihrer Abstimmung wurde Ihnen geschickt. Bitte prüfen Sie gegebenenfalls auch Ihren Spam-Ordner.",
 	"votingform2F_privacy_protection_disclaimer": "Ich stimme der Verarbeitung meiner E-Mail-Adresse zum Zweck der Teilnahme sowie der <a href=\"https://hr.de/datenschutz\" class=\"{nuc https://hr.de/datenschutz nuc}link unbreakable\" target=\"_blank\"><span class=\"unbreakable\">Datenschutzerklärung<svg class=\"icon icon--primary icon--textRight\" role=\"presentation\"><use xlink:href=\"{<% hrcms.delivery.current.assetBaseUrl %>}base/icons/icons/svgmap.min.svg#extern\"/></svg></span></a> des hr zu.",

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

@@ -196,6 +196,7 @@
 	"votingform_text_error": "Ihre Stimme konnte nicht gezählt werden, weil ein Fehler aufgetreten ist. Bitte versuchen Sie es später wieder.",
 	"votingform_text_success": "Ihre Stimme wurde gezählt.",
 	"votingform_open_answers_text": "Bis zu {0} Antworten möglich",
+	"votingform_single_answer_text": "Nur eine Antwort ist möglich",
 	"votingform2F_title_success": "Vielen Dank für Ihre Stimme.",
 	"votingform2F_text_success": "Eine E-Mail zur Bestätigung Ihrer Abstimmung wurde Ihnen geschickt. Bitte prüfen Sie gegebenenfalls auch Ihren Spam-Ordner.",
 	"votingform2F_privacy_protection_disclaimer": "Ich stimme der Verarbeitung meiner E-Mail-Adresse zum Zweck der Teilnahme sowie der <a href=\"https://hr.de/datenschutz\" class=\"{nuc https://hr.de/datenschutz nuc}link unbreakable\" target=\"_blank\"><span class=\"unbreakable\">Datenschutzerklärung<svg class=\"icon icon--primary icon--textRight\" role=\"presentation\"><use xlink:href=\"{<% hrcms.delivery.current.assetBaseUrl %>}base/icons/icons/svgmap.min.svg#extern\"/></svg></span></a> des hr zu.",

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

@@ -196,6 +196,7 @@
 	"votingform_text_error": "Ihre Stimme konnte nicht gezählt werden, weil ein Fehler aufgetreten ist. Bitte versuchen Sie es später wieder.",
 	"votingform_text_success": "Ihre Stimme wurde gezählt.",
 	"votingform_open_answers_text": "Bis zu {0} Antworten möglich",
+	"votingform_single_answer_text": "Nur eine Antwort ist möglich",
 	"votingform2F_title_success": "Vielen Dank für Ihre Stimme.",
 	"votingform2F_text_success": "Eine E-Mail zur Bestätigung Ihrer Abstimmung wurde Ihnen geschickt. Bitte prüfen Sie gegebenenfalls auch Ihren Spam-Ordner.",
 	"votingform2F_privacy_protection_disclaimer": "Ich stimme der Verarbeitung meiner E-Mail-Adresse zum Zweck der Teilnahme sowie der <a href=\"https://hr.de/datenschutz\" class=\"{nuc https://hr.de/datenschutz nuc}link unbreakable\" target=\"_blank\"><span class=\"unbreakable\">Datenschutzerklärung<svg class=\"icon icon--primary icon--textRight\" role=\"presentation\"><use xlink:href=\"{<% hrcms.delivery.current.assetBaseUrl %>}base/icons/icons/svgmap.min.svg#extern\"/></svg></span></a> des hr zu.",

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

@@ -196,6 +196,7 @@
 	"votingform_text_error": "Ihre Stimme konnte nicht gezählt werden, weil ein Fehler aufgetreten ist. Bitte versuchen Sie es später wieder.",
 	"votingform_text_success": "Ihre Stimme wurde gezählt.",
 	"votingform_open_answers_text": "Bis zu {0} Antworten möglich",
+	"votingform_single_answer_text": "Nur eine Antwort ist möglich",
 	"votingform2F_title_success": "Vielen Dank für Ihre Stimme.",
 	"votingform2F_text_success": "Eine E-Mail zur Bestätigung Ihrer Abstimmung wurde Ihnen geschickt. Bitte prüfen Sie gegebenenfalls auch Ihren Spam-Ordner.",
 	"votingform2F_privacy_protection_disclaimer": "Ich stimme der Verarbeitung meiner E-Mail-Adresse zum Zweck der Teilnahme sowie der <a href=\"https://hr.de/datenschutz\" class=\"{nuc https://hr.de/datenschutz nuc}link unbreakable\" target=\"_blank\"><span class=\"unbreakable\">Datenschutzerklärung<svg class=\"icon icon--primary icon--textRight\" role=\"presentation\"><use xlink:href=\"{<% hrcms.delivery.current.assetBaseUrl %>}base/icons/icons/svgmap.min.svg#extern\"/></svg></span></a> des hr zu.",

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

@@ -196,6 +196,7 @@
 	"votingform_text_error": "Ihre Stimme konnte nicht gezählt werden, weil ein Fehler aufgetreten ist. Bitte versuchen Sie es später wieder.",
 	"votingform_text_success": "Ihre Stimme wurde gezählt.",
 	"votingform_open_answers_text": "Bis zu {0} Antworten möglich",
+	"votingform_single_answer_text": "Nur eine Antwort ist möglich",
 	"votingform2F_title_success": "Vielen Dank für Ihre Stimme.",
 	"votingform2F_text_success": "Eine E-Mail zur Bestätigung Ihrer Abstimmung wurde Ihnen geschickt. Bitte prüfen Sie gegebenenfalls auch Ihren Spam-Ordner.",
 	"votingform2F_privacy_protection_disclaimer": "Ich stimme der Verarbeitung meiner E-Mail-Adresse zum Zweck der Teilnahme sowie der <a href=\"https://hr.de/datenschutz\" class=\"{nuc https://hr.de/datenschutz nuc}link unbreakable\" target=\"_blank\"><span class=\"unbreakable\">Datenschutzerklärung<svg class=\"icon icon--primary icon--textRight\" role=\"presentation\"><use xlink:href=\"{<% hrcms.delivery.current.assetBaseUrl %>}base/icons/icons/svgmap.min.svg#extern\"/></svg></span></a> des hr zu.",

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

@@ -196,6 +196,7 @@
 	"votingform_text_error": "Ihre Stimme konnte nicht gezählt werden, weil ein Fehler aufgetreten ist. Bitte versuchen Sie es später wieder.",
 	"votingform_text_success": "Ihre Stimme wurde gezählt.",
 	"votingform_open_answers_text": "Bis zu {0} Antworten möglich",
+	"votingform_single_answer_text": "Nur eine Antwort ist möglich",
 	"votingform2F_title_success": "Vielen Dank für Ihre Stimme.",
 	"votingform2F_text_success": "Eine E-Mail zur Bestätigung Ihrer Abstimmung wurde Ihnen geschickt. Bitte prüfen Sie gegebenenfalls auch Ihren Spam-Ordner.",
 	"votingform2F_privacy_protection_disclaimer": "Ich stimme der Verarbeitung meiner E-Mail-Adresse zum Zweck der Teilnahme sowie der <a href=\"https://hr.de/datenschutz\" class=\"{nuc https://hr.de/datenschutz nuc}link unbreakable\" target=\"_blank\"><span class=\"unbreakable\">Datenschutzerklärung<svg class=\"icon icon--primary icon--textRight\" role=\"presentation\"><use xlink:href=\"{<% hrcms.delivery.current.assetBaseUrl %>}base/icons/icons/svgmap.min.svg#extern\"/></svg></span></a> des hr zu.",

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

@@ -196,6 +196,7 @@
 	"votingform_text_error": "Ihre Stimme konnte nicht gezählt werden, weil ein Fehler aufgetreten ist. Bitte versuchen Sie es später wieder.",
 	"votingform_text_success": "Ihre Stimme wurde gezählt.",
 	"votingform_open_answers_text": "Bis zu {0} Antworten möglich",
+	"votingform_single_answer_text": "Nur eine Antwort ist möglich",
 	"votingform2F_title_success": "Vielen Dank für Ihre Stimme.",
 	"votingform2F_text_success": "Eine E-Mail zur Bestätigung Ihrer Abstimmung wurde Ihnen geschickt. Bitte prüfen Sie gegebenenfalls auch Ihren Spam-Ordner.",
 	"votingform2F_privacy_protection_disclaimer": "Ich stimme der Verarbeitung meiner E-Mail-Adresse zum Zweck der Teilnahme sowie der <a href=\"https://hr.de/datenschutz\" class=\"{nuc https://hr.de/datenschutz nuc}link unbreakable\" target=\"_blank\"><span class=\"unbreakable\">Datenschutzerklärung<svg class=\"icon icon--primary icon--textRight\" role=\"presentation\"><use xlink:href=\"{<% hrcms.delivery.current.assetBaseUrl %>}base/icons/icons/svgmap.min.svg#extern\"/></svg></span></a> des hr zu.",

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

@@ -196,6 +196,7 @@
 	"votingform_text_error": "Ihre Stimme konnte nicht gezählt werden, weil ein Fehler aufgetreten ist. Bitte versuchen Sie es später wieder.",
 	"votingform_text_success": "Ihre Stimme wurde gezählt.",
 	"votingform_open_answers_text": "Bis zu {0} Antworten möglich",
+	"votingform_single_answer_text": "Nur eine Antwort ist möglich",
 	"votingform2F_title_success": "Vielen Dank für Ihre Stimme.",
 	"votingform2F_text_success": "Eine E-Mail zur Bestätigung Ihrer Abstimmung wurde Ihnen geschickt. Bitte prüfen Sie gegebenenfalls auch Ihren Spam-Ordner.",
 	"votingform2F_privacy_protection_disclaimer": "Ich stimme der Verarbeitung meiner E-Mail-Adresse zum Zweck der Teilnahme sowie der <a href=\"https://hr.de/datenschutz\" class=\"{nuc https://hr.de/datenschutz nuc}link unbreakable\" target=\"_blank\"><span class=\"unbreakable\">Datenschutzerklärung<svg class=\"icon icon--primary icon--textRight\" role=\"presentation\"><use xlink:href=\"{<% hrcms.delivery.current.assetBaseUrl %>}base/icons/icons/svgmap.min.svg#extern\"/></svg></span></a> des hr zu.",

package/dist/assets/index.css

@@ -2090,6 +2090,9 @@ article.indexTextDS .indexTextHighlighted .link {
 .flex-row {
   flex-direction: row;
 }
+.\!flex-col {
+  flex-direction: column !important;
+}
 .flex-col {
   flex-direction: column;
 }
@@ -3094,6 +3097,9 @@ article.indexTextDS .indexTextHighlighted .link {
 .text-center {
   text-align: center;
 }
+.text-right {
+  text-align: right;
+}
 .align-top {
   vertical-align: top;
 }
@@ -3126,6 +3132,10 @@ article.indexTextDS .indexTextHighlighted .link {
   font-family: RobotoSlab, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
   font-family: var(--font-titleCluster);
 }
+.\!text-base {
+  font-size: 1rem !important;
+  line-height: 1.375rem !important;
+}
 .text-2xl {
   font-size: 1.375rem;
   line-height: 1.75rem;
@@ -3521,6 +3531,12 @@ article.indexTextDS .indexTextHighlighted .link {
   box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
 }
+.outline-2 {
+  outline-width: 2px;
+}
+.outline-blue-science-hex {
+  outline-color: #006dc1;
+}
 .ring {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
@@ -3642,7 +3658,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1730456241225;
+  counter-reset: cnt1730475050900;
 }
 .placeholder-text-xs::-webkit-input-placeholder {
   font-size: 0.75rem;
@@ -4056,7 +4072,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1730456241225 1;
+  counter-increment: cnt1730475050900 1;
 }
 .-ordered::before {
   position: absolute;
@@ -4074,7 +4090,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(cnt1730456241225);
+  content: counter(cnt1730475050900);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -6192,11 +6208,17 @@ select:has(option:checked[value='']) {
 .disabled\:hidden:disabled {
   display: none;
 }
+.disabled\:cursor-not-allowed:disabled {
+  cursor: not-allowed;
+}
 .disabled\:text-gray-scorpion:disabled {
   --tw-text-opacity: 1;
   color: rgba(96, 96, 96, 1);
   color: rgba(96, 96, 96, var(--tw-text-opacity));
 }
+.disabled\:opacity-75:disabled {
+  opacity: 0.75;
+}
 .group:focus-within .group-focus-within\:text-white {
   --tw-text-opacity: 1;
   color: rgba(255, 255, 255, 1);
@@ -6301,6 +6323,15 @@ select:has(option:checked[value='']) {
   color: #006eb7;
   color: var(--color-form-highlight);
 }
+.has-\[input\:disabled\]\:cursor-not-allowed:has(input:disabled) {
+  cursor: not-allowed;
+}
+.has-\[input\:disabled\]\:opacity-75:has(input:disabled) {
+  opacity: 0.75;
+}
+.has-\[input\:checked\]\:outline:has(input:checked) {
+  outline-style: solid;
+}
 .aria-hidden\:hidden[aria-hidden="true"] {
   display: none;
 }
@@ -6879,6 +6910,11 @@ select:has(option:checked[value='']) {
     padding-top: 2.25rem;
   }
 
+  .sm\:\!text-lg {
+    font-size: 1.125rem !important;
+    line-height: 1.5rem !important;
+  }
+
   .sm\:text-3xl {
     font-size: 1.625rem;
     line-height: 2rem;
@@ -7480,6 +7516,11 @@ select:has(option:checked[value='']) {
     padding-top: 2rem;
   }
 
+  .md\:\!text-lg {
+    font-size: 1.125rem !important;
+    line-height: 1.5rem !important;
+  }
+
   .md\:text-2xl {
     font-size: 1.375rem;
     line-height: 1.75rem;

package/dist/assets/js/components/forms/js/contactForm.alpine.js

@@ -21,30 +21,27 @@ export default function contactForm(formId, jsonUrl, errorMessages, multipart, t
             this.$store.forms.submissionAttempted[formId] = false; 
             this.$store.forms.errorMessages = JSON.parse(errorMessages.replace(/"/g,'"'))
         },
-        scrollToElementWithOffset(element, offset = 0){
-            
-            var elementPosition = element.getBoundingClientRect().top;
-            var offsetPosition = elementPosition + window.scrollY - offset;
-          
-            window.scrollTo({
-                 top: offsetPosition,
-                 behavior: "smooth"
-            });
+        scrollToElementAndCenterWithTimeout(element, timeout){
+            setTimeout(() => {
+                element.scrollIntoView({
+                    behavior: 'smooth',
+                    block: 'center'
+                 });
+             }, timeout);
         },
         submitButtonHandler(event) {
-            if(this.form.reportValidity()){
+            this.$store.forms.submissionAttempted[formId] = true;
+            if(this.form.reportValidity()){               
                 this.handleSubmit(event,this.form)
             } else {
-                this.$store.forms.submissionAttempted[formId] = true;
-                setTimeout(() => {
-                    this.scrollToElementWithOffset(document.activeElement, 180)
-                 }, 100);
+                this.scrollToElementAndCenterWithTimeout(document.activeElement, 50)                
             }
         },
         retryHandler() {
             this.wasPosted = false;
             this.wasPostedWithError = false;
-            this.formWrapper.scrollIntoView({ behavior: 'smooth' })
+            this.scrollToElementAndCenterWithTimeout(this.formWrapper.previousElementSibling, 50)
+            
         },
         handleValidationErrors(errors) {
             console.log('Validation Errors:', errors);
@@ -109,20 +106,21 @@ export default function contactForm(formId, jsonUrl, errorMessages, multipart, t
                                     console.log("OK");
                                     this.wasPosted = true;
                                     this.wasPostedWithSuccess = true;
-                                    this.scrollToElementWithOffset(this.formWrapper, 180)
+                                    this.scrollToElementAndCenterWithTimeout(this.formWrapper.previousElementSibling, 0)
                                     
                                     break;
                                 default:
                                     console.log("default");
                                     this.wasPosted = true;
                                     this.wasPostedWithError = true;
-                                    this.scrollToElementWithOffset(this.formWrapper, 180)
+                                    this.scrollToElementAndCenterWithTimeout(this.formWrapper.previousElementSibling, 0)
                                     break;
                             }
                         } else {
                             
                             this.wasPosted = true;
                             this.wasPostedWithError = true;
+                            this.scrollToElementAndCenterWithTimeout(this.formWrapper.previousElementSibling, 0)
                         }
                         if (formId) {
                             window.location.hash = formId;
@@ -130,14 +128,17 @@ export default function contactForm(formId, jsonUrl, errorMessages, multipart, t
                     } else {
                         this.wasPosted = true;
                         this.wasPostedWithError = true;
+                        this.scrollToElementAndCenterWithTimeout(this.formWrapper.previousElementSibling, 0)
                         throw new Error('Network response was not ok.');
                         
+                        
                     }
                 })
                 .catch((error) => {
                     console.error('Fail:', error);
                     this.wasPosted = true;
                     this.wasPostedWithError = true;
+                    this.scrollToElementAndCenterWithTimeout(this.formWrapper.previousElementSibling, 0)
                 })
                 .finally(() => {
                     console.log('Always');

package/dist/assets/js/components/voting/js/votingCookieCheckerDs.feature.js

@@ -0,0 +1,25 @@
+import { hr$, getJSONCookie, replaceAnimated } from 'hrQuery'
+
+const VotingCookieChecker = (context) => {
+    const { options } = context,
+        { element: rootElement } = context,
+        votingId = options.votingId,
+        votingWrapper = hr$('.js-voting-wrapper', rootElement)[0],
+        hideVotingResult = options.hideVotingResult,
+        alreadyVotedTmpl = '<p>' + options.alreadyVotedHintText + '<p>'
+    let cookie = ''
+
+    const checkForVotingCookie = function () {
+        cookie = getJSONCookie(votingId)
+        if (cookie) {
+            let voting = hr$('#' + votingId)[0]
+            let votingText = voting.querySelector('.c-voting-form__bottomWrapper')
+            hideVotingResult
+                ? replaceAnimated(votingText, alreadyVotedTmpl, true)
+                : replaceAnimated(votingWrapper, hr$('.js-result', rootElement)[0].innerHTML, true)
+        }
+    }
+    checkForVotingCookie()
+}
+
+export default VotingCookieChecker

package/dist/assets/js/components/voting/js/votingDs.feature.js

@@ -0,0 +1,214 @@
+import { hr$, listen, replaceAnimated } from 'hrQuery'
+import $ from 'zepto-modules'
+
+require('zepto-modules/callbacks')
+require('zepto-modules/deferred')
+
+const Voting = (context) => {
+    const { options } = context
+    const { element: rootElement } = context
+    const jsonUrl = options.jsonURL,
+        votingWrapper = hr$('.js-voting-wrapper', rootElement)[0],
+        votingTmpl = votingWrapper.innerHTML,
+        ajaxTimeout = 60 * 1000,
+        responseFormatParam = 'rf=inline'
+    let ajaxOptions,
+        votingForm = hr$('.js-votingForm', rootElement)[0],
+        actionUrl = votingForm && votingForm.getAttribute('action'),
+        isPosting = false,
+        responseStatus,
+        validationErrors
+
+    const checkForJsonUrl = function () {
+        if (jsonUrl) {
+            actionUrl = jsonUrl
+        }
+    }
+
+    const handleSubmit = function (event) {
+        if (event.target.matches('.js-votingForm')) {
+            submitForm(event)
+        }
+    }
+    const submitForm = function (event) {
+        event.preventDefault()
+
+        if (isPosting) {
+            return
+        } else {
+            isPosting = true
+        }
+
+        //jedes mal neu holen,
+        //da das DOM mit innerHTML ersetzt wird
+        votingForm = hr$('.js-votingForm', rootElement)[0]
+
+        console.log('DATA: ' + $(votingForm).serialize())
+        setAjaxOptions()
+
+        $.ajax(ajaxOptions)
+
+            //Add handlers to be called when the Deferred object is resolved.
+            .done(function (data, status, xhr) {
+                console.log('Done')
+                console.log(data)
+
+                if (jsonUrl) {
+                    responseStatus = JSON.parse(data).status
+                    switch (responseStatus) {
+                        case 'VALIDATION_ERROR':
+                            console.log('Validation Error')
+                            validationErrors = JSON.parse(data).errors
+                            handleValidationErrors(validationErrors)
+                            break
+                        case 'SERVER_ERROR':
+                            replaceAnimated(
+                                votingWrapper,
+                                hr$('.js-errorMessage', rootElement)[0].innerHTML,
+                                true,
+                                scrollIntoVoting
+                            )
+                            break
+                        case 'OK':
+                            replaceAnimated(
+                                votingWrapper,
+                                hr$('.js-successMessage', rootElement)[0].innerHTML,
+                                true,
+                                scrollIntoVoting
+                            )
+                            break
+                        default:
+                            replaceAnimated(
+                                votingWrapper,
+                                hr$('.js-errorMessage', rootElement)[0].innerHTML,
+                                true,
+                                scrollIntoVoting
+                            )
+                            break
+                    }
+                } else {
+                    replaceAnimated(votingWrapper, data, true, scrollIntoVoting)
+                }
+            })
+
+            //Add handlers to be called when the Deferred object is rejected.
+            .fail(function (xhr, errorType, error) {
+                //anzeige irgendetwas hat nicht geklappt
+                console.log('Fail ' + errorType)
+                replaceAnimated(
+                    votingWrapper,
+                    hr$('.js-errorMessage', rootElement)[0].innerHTML,
+                    true,
+                    scrollIntoVoting
+                )
+            })
+
+            //Add handlers to be called when the Deferred object is either resolved or rejected.
+            .always(function () {
+                //aufräumen wenn bedarf besteht.
+                console.log('Always')
+
+                isPosting = false
+            })
+    }
+
+    const setAjaxOptions = function () {
+        ajaxOptions = {}
+        ajaxOptions.timeout = ajaxTimeout
+
+        ajaxOptions.type = 'POST'
+        ajaxOptions.url = actionUrl + '?' + responseFormatParam
+        ajaxOptions.data = $(votingForm).serialize()
+        ajaxOptions.contentType = 'application/x-www-form-urlencoded; charset=UTF-8'
+        ajaxOptions.dataType = ''
+    }
+
+    const scrollIntoVoting = function (vertical) {
+        setTimeout(function () {
+            rootElement.scrollIntoView({
+                behavior: 'smooth',
+                block: 'center',
+            })
+        }, 850)
+    }
+    /**
+     * Handles click events globally
+     * and delegates to concrete handlers
+     * on the basis of the event target.
+     * @see {@link https://gomakethings.com/why-event-delegation-is-a-better-way-to-listen-for-events-in-vanilla-js/} for further information.
+     * @param event
+     */
+    const handleClick = function (event) {
+        if (event.target.matches('.js-formReload')) {
+            handleFormReload(event)
+        }
+    }
+
+    const handleFormReload = function (event) {
+        event.preventDefault()
+        replaceAnimated(votingWrapper, votingTmpl, true, scrollIntoVoting)
+    }
+
+    const handleKeydown = function (event) {
+        if (event.target.matches('.js-form-email')) {
+            event.stopPropagation()
+        }
+    }
+
+    const setValidationErrors = function (errors) {
+        let wrapperElement, errorElement, prop, InvalidFields
+
+        for (prop in errors) {
+            wrapperElement = rootElement.getElementsByClassName('js-wrapper-' + prop)[0]
+            errorElement = document.createElement('p')
+
+            InvalidFields = document.getElementsByName(prop)
+            for (let i = 0; i < InvalidFields.length; i++) {
+                if (wrapperElement.contains(InvalidFields[i])) {
+                    InvalidFields[i].classList.add('is-invalid')
+                }
+            }
+
+            errorElement.innerHTML = options.errorMessages[errors[prop]]
+            errorElement.classList.add('c-form__errorMessage')
+
+            wrapperElement.insertBefore(errorElement, wrapperElement.firstChild)
+        }
+    }
+
+    const resetValidationErrors = function () {
+        let oldInvalidFields = hr$('.is-invalid', rootElement),
+            oldErrorMessages = hr$('.c-form__errorMessage', rootElement)
+
+        for (let i = 0; i < oldInvalidFields.length; i++) {
+            oldInvalidFields[i].classList.remove('is-invalid')
+            oldErrorMessages[i].parentNode.removeChild(oldErrorMessages[i])
+        }
+    }
+
+    const handleValidationErrors = function (errors) {
+        resetValidationErrors()
+        setValidationErrors(errors)
+    }
+
+    const isFormAvailable = function () {
+        return !!votingForm
+    }
+
+    if (!isFormAvailable()) {
+        //skip code execution
+        return
+    }
+
+    //init
+    votingWrapper.style.WebkitTransition = 'opacity 0.8s ease-in-out'
+    votingWrapper.style.MozTransition = 'opacity 0.8s ease-in-out'
+    votingWrapper.style.transition = 'opacity 0.8s ease-in-out'
+
+    checkForJsonUrl()
+
+    listen('submit', handleSubmit, rootElement)
+    listen('click', handleClick, rootElement)
+    listen('keydown', handleKeydown, rootElement)
+}
+export default Voting