hr-design-system-handlebars 1.114.86 → 1.114.88

package/CHANGELOG.md

@@ -1,3 +1,28 @@
+# v1.114.88 (Thu Feb 13 2025)
+
+#### 🐛 Bug Fix
+
+- Dpe 3535 js protection [#1237](https://github.com/mumprod/hr-design-system-handlebars/pull/1237) ([@vascoeduardo](https://github.com/vascoeduardo) [@eduardo-hr](https://github.com/eduardo-hr))
+
+#### Authors: 2
+
+- [@eduardo-hr](https://github.com/eduardo-hr)
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
+# v1.114.87 (Tue Feb 11 2025)
+
+#### 🐛 Bug Fix
+
+- adjust background-colors [#1236](https://github.com/mumprod/hr-design-system-handlebars/pull/1236) ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+#### Authors: 1
+
+- Geraldo ([@hanswurstsalat](https://github.com/hanswurstsalat))
+
+---
+
 # v1.114.86 (Fri Feb 07 2025)
 
 #### 🐛 Bug Fix

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

@@ -181,8 +181,8 @@
 	"ext_service_datapolicy_accept_permanently_text": "Externe Inhalte von <b>{0}</b> zukünftig immer anzeigen.",
 	"ext_service_datapolicy_accept_button_text": "Inhalt anzeigen",
 	"ext_service_datapolicy_headline": "Externen Inhalt von {0} anzeigen?",
-	"ext_service_datapolicy_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Beim Laden des Inhalts werden Daten an den Anbieter und ggf. weitere Dritte übertragen. Nähere Informationen erhältst du in unseren ",
-	"ext_service_datapolicy_no_js_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Da du in deinem Browser Javascript deaktiviert hast, kann dieser hier nicht angezeigt werden. Der nachfolgende Link öffnet den Inhalt auf der Seite des Anbieters.",
+	"ext_service_datapolicy_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Beim Laden des Inhalts werden Daten an den Anbieter und ggf. weitere Dritte übertragen. Nähere Informationen erhalten Sie in unseren ",
+	"ext_service_datapolicy_no_js_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Da Sie in Ihrem Browser Javascript deaktiviert haben, kann dieser hier nicht angezeigt werden. Der nachfolgende Link öffnet den Inhalt auf der Seite des Anbieters.",
 	"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
 	"story_infobox_intro_sr": "Weitere Informationen",
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",

package/dist/assets/index.css

@@ -3828,7 +3828,7 @@ article #commentList {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1738927813652;
+  counter-reset: cnt1739460592042;
 }
 .animate-delay-100 {
   --tw-animate-delay: 100ms;
@@ -4273,7 +4273,7 @@ html { scroll-behavior: smooth; }
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1738927813652 1;
+  counter-increment: cnt1739460592042 1;
 }
 .-ordered::before {
   position: absolute;
@@ -4291,7 +4291,7 @@ html { scroll-behavior: smooth; }
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, 1);
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1738927813652);
+  content: counter(cnt1739460592042);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -4893,7 +4893,7 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
 [data-theme='hr-fernsehen'] .ardplayer.ardplayer-light-mode {
             --ardplayer-color-primary-base: #007396;
             --ardplayer-color-primary-base-transparent-30: rgba(0, 115, 150, 0.7);
-            --ardplayer-color-primary-dark-base: #eaeded;
+            --ardplayer-color-primary-dark-base: #E6E6E6;
             --ardplayer-color-tertiary-base: #007396;
             --ardplayer-color-lightest: #ffffff;
 
@@ -4994,7 +4994,7 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
 [data-theme='hr-inforadio'] .ardplayer.ardplayer-light-mode {
             --ardplayer-color-primary-base: #276b9e;
             --ardplayer-color-primary-base-transparent-30: rgba(39, 107, 158, 0.7);
-            --ardplayer-color-primary-dark-base: #e5edf1;
+            --ardplayer-color-primary-dark-base: #eaf3fa;
             --ardplayer-color-tertiary-base: #276b9e;
             --ardplayer-color-lightest: #ffffff;
             --ardplayer-lightmode-color-lightest-transparent-30: #276b9e;
@@ -5022,6 +5022,7 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
 [data-theme='hr-rundfunkrat'] {
     --color-primary-ds: #606060;
     --color-secondary-ds: #007179;
+    --color-highlight-1: #eaf3fa;
     --color-highlight-2: #d34600;
 
     /* Navigation Hintergrund */
@@ -5317,7 +5318,7 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
 [data-theme='hr-sinfonieorchester'] .ardplayer.ardplayer-light-mode {
             --ardplayer-color-primary-base: #AB2F2D;
             --ardplayer-color-primary-base-transparent-30: rgba(171, 47, 45, 0.7);
-            --ardplayer-color-primary-dark-base: #e0e0e0;
+            --ardplayer-color-primary-dark-base: #E6E6E6;
             --ardplayer-color-tertiary-base: #AB2F2D;
             --ardplayer-color-lightest: #ffffff;
             --ardplayer-lightmode-color-lightest-transparent-30: #AB2F2D;
@@ -5443,6 +5444,7 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
 [data-theme='hr'] {
     --color-primary-ds: #007396;
     --color-secondary-ds: #007396;
+    --color-highlight-1: #eaf3fa;
     --color-highlight-2: #d34600;
 
     /* Navigation Hintergrund */
@@ -5741,7 +5743,7 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
 [data-theme='hr2'] .ardplayer.ardplayer-light-mode {
             --ardplayer-color-primary-base: #8C033D;
             --ardplayer-color-primary-base-transparent-30: rgba(140, 3, 61, 0.7);
-            --ardplayer-color-primary-dark-base: #e0e0e0;
+            --ardplayer-color-primary-dark-base: #E6E6E6;
             --ardplayer-color-tertiary-base: #8C033D;
             --ardplayer-color-lightest: #ffffff;
             --ardplayer-lightmode-color-lightest-transparent-30: #8C033D;
@@ -5965,7 +5967,7 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
 [data-theme='hr4'] .ardplayer.ardplayer-light-mode {
             --ardplayer-color-primary-base: #0F6157;
             --ardplayer-color-primary-base-transparent-30: rgba(15, 97, 87, 0.7);
-            --ardplayer-color-primary-dark-base: #DBEAEA;
+            --ardplayer-color-primary-dark-base: #eaf5f7;
             --ardplayer-color-tertiary-base: #0F6157;
             --ardplayer-color-lightest: #ffffff;
             --ardplayer-lightmode-color-lightest-transparent-30: #0F6157;
@@ -6092,7 +6094,7 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
 [data-theme='you-fm'] .ardplayer.ardplayer-light-mode {
             --ardplayer-color-primary-base: #006783;
             --ardplayer-color-primary-base-transparent-30: rgba(0, 103, 131, 0.7);
-            --ardplayer-color-primary-dark-base: #E5E8E8;
+            --ardplayer-color-primary-dark-base: #E6E6E6;
             --ardplayer-color-tertiary-base: #006783;
             --ardplayer-color-lightest: #ffffff;
             --ardplayer-lightmode-color-lightest-transparent-30: #006783;

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

@@ -10,6 +10,7 @@ export default function contactForm(formId, jsonUrl, errorMessages, multipart, t
         ajaxTimeout: 60 * 1000,
         form: this.$refs[formId],
         formWrapper: this.$refs[formId].closest("#formWrapper"),
+        honeypot: this.$refs[formId].querySelector('input[data-name="x-message"]'),
         actionUrl: this.form && this.form.getAttribute('action'),
         checkForJsonURL () {
             if (jsonUrl) {
@@ -31,10 +32,16 @@ export default function contactForm(formId, jsonUrl, errorMessages, multipart, t
         },
         submitButtonHandler(event) {
             this.$store.forms.submissionAttempted[formId] = true;
+            if (this.honeypot) {
+                this.honeypot.removeAttribute('required');
+            }
             if(this.form.reportValidity()){               
                 this.handleSubmit(event,this.form)
             } else {
-                this.scrollToElementAndCenterWithTimeout(document.activeElement, 50)                
+                this.scrollToElementAndCenterWithTimeout(document.activeElement, 50)    
+                if (this.honeypot) {
+                    this.honeypot.setAttribute('required', '');
+                }            
             }
         },
         retryHandler() {

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

@@ -44,6 +44,7 @@
                     _errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
                     _errorEmail="Bitte geben Sie eine gültige E-Mail-Adresse ein."
                     _formId=../_formId
+                    _isHoneypot=this.hasSpamProtection
                 }}
             {{else if this.type.isSelect}}
                 {{~> components/forms/components/select

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

@@ -14,6 +14,8 @@
       x-on:keyup ="validateField();"
       type="{{#if _type}}{{_type}}{{/if}}"
       name="{{#if _name}}{{_name}}{{/if}}"
+      {{#if _isHoneypot}}data-name="x-message" required="" {{/if}}
+      
       {{#if _locaKey}}
          title="{{loca _locaKey}}{{#if _required}}*{{/if}}"
          placeholder="placeholder:{{loca _locaKey}}{{#if _required}}*{{/if}}"
@@ -35,7 +37,7 @@
       {{#if _maxLength}}
          maxlength="{{_maxLength}}"
       {{/if~}}
-      {{#if _required}} required{{/if}}
+      {{#if _required}} required=""{{/if}}
       {{#if _tabindex}} tabindex="{{_tabindex}}"{{/if}}
       {{#if _autocompleteOff}} autocomplete="off"{{/if}}
       {{#if _autoSuggestFeature}}

package/dist/views/components/page/podcast/podcast_episode_article.hbs

@@ -7,7 +7,7 @@
             {{#if (isStorybook)}} 
                 {{> components/podcast/components/podcast_player_shorttext _isSinglePage=true}}
             {{else}}
-                {{> modules/story/copytext _isWebview=_webview~}}
+                {{~> components/content/copytext/copytext _isWebview=_webview ~}}
             {{/if}}
             {{> components/content/content_footer/content_footer
                     _author=this.audioAuthor

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

@@ -44,6 +44,7 @@
                     _errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
                     _errorEmail="Bitte geben Sie eine gültige E-Mail-Adresse ein."
                     _formId=../_formId
+                    _isHoneypot=this.hasSpamProtection
                 }}
             {{else if this.type.isSelect}}
                 {{~> components/forms/components/select

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

@@ -14,6 +14,8 @@
       x-on:keyup ="validateField();"
       type="{{#if _type}}{{_type}}{{/if}}"
       name="{{#if _name}}{{_name}}{{/if}}"
+      {{#if _isHoneypot}}data-name="x-message" required="" {{/if}}
+      
       {{#if _locaKey}}
          title="{{loca _locaKey}}{{#if _required}}*{{/if}}"
          placeholder="placeholder:{{loca _locaKey}}{{#if _required}}*{{/if}}"
@@ -35,7 +37,7 @@
       {{#if _maxLength}}
          maxlength="{{_maxLength}}"
       {{/if~}}
-      {{#if _required}} required{{/if}}
+      {{#if _required}} required=""{{/if}}
       {{#if _tabindex}} tabindex="{{_tabindex}}"{{/if}}
       {{#if _autocompleteOff}} autocomplete="off"{{/if}}
       {{#if _autoSuggestFeature}}

package/dist/views_static/components/page/podcast/podcast_episode_article.hbs

@@ -7,7 +7,7 @@
             {{#if (isStorybook)}} 
                 {{> components/podcast/components/podcast_player_shorttext _isSinglePage=true}}
             {{else}}
-                {{> modules/story/copytext _isWebview=_webview~}}
+                {{~> components/content/copytext/copytext _isWebview=_webview ~}}
             {{/if}}
             {{> components/content/content_footer/content_footer
                     _author=this.audioAuthor

package/package.json

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

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

@@ -181,8 +181,8 @@
 	"ext_service_datapolicy_accept_permanently_text": "Externe Inhalte von <b>{0}</b> zukünftig immer anzeigen.",
 	"ext_service_datapolicy_accept_button_text": "Inhalt anzeigen",
 	"ext_service_datapolicy_headline": "Externen Inhalt von {0} anzeigen?",
-	"ext_service_datapolicy_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Beim Laden des Inhalts werden Daten an den Anbieter und ggf. weitere Dritte übertragen. Nähere Informationen erhältst du in unseren ",
-	"ext_service_datapolicy_no_js_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Da du in deinem Browser Javascript deaktiviert hast, kann dieser hier nicht angezeigt werden. Der nachfolgende Link öffnet den Inhalt auf der Seite des Anbieters.",
+	"ext_service_datapolicy_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Beim Laden des Inhalts werden Daten an den Anbieter und ggf. weitere Dritte übertragen. Nähere Informationen erhalten Sie in unseren ",
+	"ext_service_datapolicy_no_js_text": "An dieser Stelle befindet sich ein von unserer Redaktion empfohlener Inhalt von <b>{0}</b>. Da Sie in Ihrem Browser Javascript deaktiviert haben, kann dieser hier nicht angezeigt werden. Der nachfolgende Link öffnet den Inhalt auf der Seite des Anbieters.",
 	"ext_service_datapolicy_no_js_link": "{0}-Inhalt öffnen",
 	"story_infobox_intro_sr": "Weitere Informationen",
 	"story_infobox_outro_sr": "Ende der weiteren Informationen",

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

@@ -26,6 +26,10 @@
                     {
                         "@->jsoninclude": "forms/form_fields.inc.json",
                         "@->contentpath": "input-text-vorname"
+                    },
+                    {
+                      "@->jsoninclude": "forms/form_fields.inc.json",
+                      "@->contentpath": "input-honeypot-required"
                     }
                 ]
                 

package/src/assets/fixtures/forms/form_fields.inc.json

@@ -24,6 +24,20 @@
         "isRequired": true,
         "maxLength": "140"
     },
+    "input-honeypot-required": {
+        "type": {
+            "isText": true,
+            "asString": "text"
+        },
+        "name": "message",
+        "label": "message",
+        "description": "message",
+        "defaultValue": "",
+        "isHidden": true,
+        "hasSpamProtection":true,
+        "isRequired": false,
+        "maxLength": "140"
+    },
     "input-text-nachname-required": {
         "type": {
             "isText": true,

package/src/assets/tailwind.css

@@ -450,7 +450,7 @@
             --ardplayer-color-primary-base-transparent-30: rgba(
                 theme('colors.blue.blueLuxury.rgb') / 70%
             );
-            --ardplayer-color-primary-dark-base: theme('colors.white.blackhaze');
+            --ardplayer-color-primary-dark-base: theme('colors.gray.mercury');
             --ardplayer-color-tertiary-base: theme('colors.blue.blueLuxury.hex');
             --ardplayer-color-lightest: theme('colors.white.DEFAULT');
 
@@ -565,7 +565,7 @@
             --ardplayer-color-primary-base-transparent-30: rgba(
                 theme('colors.blue.jellyBean.rgb') / 70%
             );
-            --ardplayer-color-primary-dark-base: theme('colors.blue.aqua');
+            --ardplayer-color-primary-dark-base: theme('colors.blue.accented');
             --ardplayer-color-tertiary-base: theme('colors.blue.jellyBean.hex');
             --ardplayer-color-lightest: theme('colors.white.DEFAULT');
             --ardplayer-lightmode-color-lightest-transparent-30: theme('colors.blue.jellyBean.hex');
@@ -601,6 +601,7 @@
 [data-theme='hr-rundfunkrat'] {
     --color-primary-ds: theme('colors.gray.scorpion');
     --color-secondary-ds: #007179;
+    --color-highlight-1: theme('colors.blue.accented');
     --color-highlight-2: theme('colors.orange.spicyCarrot.hex');
 
     /* Navigation Hintergrund */
@@ -925,7 +926,7 @@
             --ardplayer-color-primary-base-transparent-30: rgba(
                 theme('colors.red.wellRead.rgb') / 70%
             );
-            --ardplayer-color-primary-dark-base: theme('colors.gray.alto');
+            --ardplayer-color-primary-dark-base: theme('colors.gray.mercury');
             --ardplayer-color-tertiary-base: theme('colors.red.wellRead.hex');
             --ardplayer-color-lightest: theme('colors.white.DEFAULT');
             --ardplayer-lightmode-color-lightest-transparent-30: theme('colors.red.wellRead.hex');
@@ -1070,6 +1071,7 @@
 [data-theme='hr'] {
     --color-primary-ds: theme('colors.blue.blueLuxury.hex');
     --color-secondary-ds: #007396;
+    --color-highlight-1: theme('colors.blue.accented');
     --color-highlight-2: theme('colors.orange.spicyCarrot.hex');
 
     /* Navigation Hintergrund */
@@ -1395,7 +1397,7 @@
             --ardplayer-color-primary-base-transparent-30: rgba(
                 theme('colors.red.paprika.rgb') / 70%
             );
-            --ardplayer-color-primary-dark-base: theme('colors.gray.alto');
+            --ardplayer-color-primary-dark-base: theme('colors.gray.mercury');
             --ardplayer-color-tertiary-base: theme('colors.red.paprika.hex');
             --ardplayer-color-lightest: theme('colors.white.DEFAULT');
             --ardplayer-lightmode-color-lightest-transparent-30: theme('colors.red.paprika.hex');
@@ -1645,7 +1647,7 @@
             --ardplayer-color-primary-base-transparent-30: rgba(
                 theme('colors.green.eden.rgb') / 70%
             );
-            --ardplayer-color-primary-dark-base: theme('colors.white.azureish');
+            --ardplayer-color-primary-dark-base: theme('colors.blue.blackSqueeze');
             --ardplayer-color-tertiary-base: theme('colors.green.eden.hex');
             --ardplayer-color-lightest: theme('colors.white.DEFAULT');
             --ardplayer-lightmode-color-lightest-transparent-30: theme('colors.green.eden.hex');
@@ -1781,7 +1783,7 @@
         &.ardplayer-light-mode {
             --ardplayer-color-primary-base: theme('colors.blue.sea.hex');
             --ardplayer-color-primary-base-transparent-30: rgba(theme('colors.blue.sea.rgb') / 70%);
-            --ardplayer-color-primary-dark-base: theme('colors.gray.platinum');
+            --ardplayer-color-primary-dark-base: theme('colors.gray.mercury');
             --ardplayer-color-tertiary-base: theme('colors.blue.sea.hex');
             --ardplayer-color-lightest: theme('colors.white.DEFAULT');
             --ardplayer-lightmode-color-lightest-transparent-30: theme('colors.blue.sea.hex');

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","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}]}}]}
+{"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},{"type":{"isText":true,"asString":"text"},"name":"message","label":"message","description":"message","defaultValue":"","isHidden":true,"hasSpamProtection":true,"isRequired":false,"maxLength":"140"}]}}]}

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

@@ -44,6 +44,7 @@
                     _errorMandatory="Bitte füllen Sie dieses Pflichtfeld aus"
                     _errorEmail="Bitte geben Sie eine gültige E-Mail-Adresse ein."
                     _formId=../_formId
+                    _isHoneypot=this.hasSpamProtection
                 }}
             {{else if this.type.isSelect}}
                 {{~> components/forms/components/select

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

@@ -14,6 +14,8 @@
       x-on:keyup ="validateField();"
       type="{{#if _type}}{{_type}}{{/if}}"
       name="{{#if _name}}{{_name}}{{/if}}"
+      {{#if _isHoneypot}}data-name="x-message" required="" {{/if}}
+      
       {{#if _locaKey}}
          title="{{loca _locaKey}}{{#if _required}}*{{/if}}"
          placeholder="placeholder:{{loca _locaKey}}{{#if _required}}*{{/if}}"
@@ -35,7 +37,7 @@
       {{#if _maxLength}}
          maxlength="{{_maxLength}}"
       {{/if~}}
-      {{#if _required}} required{{/if}}
+      {{#if _required}} required=""{{/if}}
       {{#if _tabindex}} tabindex="{{_tabindex}}"{{/if}}
       {{#if _autocompleteOff}} autocomplete="off"{{/if}}
       {{#if _autoSuggestFeature}}

package/src/stories/views/components/forms/js/contactForm.alpine.js

@@ -10,6 +10,7 @@ export default function contactForm(formId, jsonUrl, errorMessages, multipart, t
         ajaxTimeout: 60 * 1000,
         form: this.$refs[formId],
         formWrapper: this.$refs[formId].closest("#formWrapper"),
+        honeypot: this.$refs[formId].querySelector('input[data-name="x-message"]'),
         actionUrl: this.form && this.form.getAttribute('action'),
         checkForJsonURL () {
             if (jsonUrl) {
@@ -31,10 +32,16 @@ export default function contactForm(formId, jsonUrl, errorMessages, multipart, t
         },
         submitButtonHandler(event) {
             this.$store.forms.submissionAttempted[formId] = true;
+            if (this.honeypot) {
+                this.honeypot.removeAttribute('required');
+            }
             if(this.form.reportValidity()){               
                 this.handleSubmit(event,this.form)
             } else {
-                this.scrollToElementAndCenterWithTimeout(document.activeElement, 50)                
+                this.scrollToElementAndCenterWithTimeout(document.activeElement, 50)    
+                if (this.honeypot) {
+                    this.honeypot.setAttribute('required', '');
+                }            
             }
         },
         retryHandler() {

package/src/stories/views/components/page/podcast/podcast_episode_article.hbs

@@ -7,7 +7,7 @@
             {{#if (isStorybook)}} 
                 {{> components/podcast/components/podcast_player_shorttext _isSinglePage=true}}
             {{else}}
-                {{> modules/story/copytext _isWebview=_webview~}}
+                {{~> components/content/copytext/copytext _isWebview=_webview ~}}
             {{/if}}
             {{> components/content/content_footer/content_footer
                     _author=this.audioAuthor