npm - optimized-react-component-library-xyz123 - Versions diffs - 0.19.14 → 0.19.16 - Mend

optimized-react-component-library-xyz123 0.19.14 → 0.19.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/index.mjs CHANGED Viewed

@@ -1,11 +1,29 @@
+// src/components/layout/ValidationMessage/ValidationMessage.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var ValidationSummary = ({
+  validationMessesege,
+  validationId,
+  activatedLanguage = "sv",
+  showValidationSummary = false,
+  extraCssClass = ""
+}) => {
+  return showValidationSummary && /* @__PURE__ */ jsxs("div", { className: `pts-root-error ${extraCssClass}`, id: validationId, children: [
+    /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
+    /* @__PURE__ */ jsx("span", { className: "sr-only", children: activatedLanguage === "sv" ? "Valideringsfel" : "Validation error" }),
+    /* @__PURE__ */ jsx("span", { className: "errorText", children: validationMessesege })
+  ] });
+};
+var ValidationMessage_default = ValidationSummary;
 // src/components/input-components/RadioMultipleStandard/RadioMultipleStandard.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var InputRadio = ({
   question,
   handleQuestionInputChange,
-  showPreview = false
+  showPreview = false,
+  activatedLanguage = "sv"
 }) => {
-  var _a;
+  var _a, _b, _c;
   const questionId = `question-${question.id}`;
   const groupId = `radio-group-${question.id}`;
   const errorId = `error-${question.id}`;
@@ -13,21 +31,22 @@ var InputRadio = ({
     const e = { target: { value: event.target.value } };
     handleQuestionInputChange(e, question);
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !showPreview && question.visible && /* @__PURE__ */ jsx("div", { className: "pts-root-question pts-radioMultiple-container", id: questionId, children: /* @__PURE__ */ jsxs(
+  console.log("question", question);
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    !showPreview && question.visible && /* @__PURE__ */ jsx2("div", { className: "pts-root-question pts-radioMultiple-container", id: questionId, children: /* @__PURE__ */ jsxs2(
       "fieldset",
       {
         "aria-required": question.isQuestionMandatory,
         "aria-invalid": question.hasValidationError ? question.hasValidationError : void 0,
         "aria-errormessage": question.hasValidationError ? errorId : void 0,
         children: [
-          /* @__PURE__ */ jsxs("legend", { id: `label-${groupId}`, children: [
+          /* @__PURE__ */ jsxs2("legend", { id: `label-${groupId}`, children: [
             question.questionLabel,
             " ",
-            question.isQuestionMandatory && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" })
+            question.isQuestionMandatory && /* @__PURE__ */ jsx2("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" })
           ] }),
-          (_a = question.options) == null ? void 0 : _a.map((option, index) => /* @__PURE__ */ jsxs("div", { className: "pts-radio-option", children: [
-            /* @__PURE__ */ jsx(
+          (_a = question.options) == null ? void 0 : _a.map((option, index) => /* @__PURE__ */ jsxs2("div", { className: "pts-radio-option", children: [
+            /* @__PURE__ */ jsx2(
               "input",
               {
                 type: "radio",
@@ -38,27 +57,31 @@ var InputRadio = ({
                 onChange: handleInputChange
               }
             ),
-            /* @__PURE__ */ jsx("label", { htmlFor: `${groupId}-option-${index}`, children: option.label }),
+            /* @__PURE__ */ jsx2("label", { htmlFor: `${groupId}-option-${index}`, children: option.label }),
             " "
           ] }, index)),
-          question.hasValidationError && /* @__PURE__ */ jsxs("div", { className: "pts-root-error", id: errorId, children: [
-            /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
-            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Valideringsfel" }),
-            /* @__PURE__ */ jsx("span", { className: "errorText", children: question.validationDefaultMessesege })
-          ] })
+          /* @__PURE__ */ jsx2(
+            ValidationMessage_default,
+            {
+              showValidationSummary: (_b = question.hasValidationError) != null ? _b : false,
+              validationId: errorId,
+              validationMessesege: (_c = question.validationDefaultMessesege) != null ? _c : "",
+              activatedLanguage
+            }
+          )
         ]
       }
     ) }),
-    showPreview && /* @__PURE__ */ jsx(PreviewRadio, { question })
+    showPreview && /* @__PURE__ */ jsx2(PreviewRadio, { question })
   ] });
 };
 var RadioMultipleStandard_default = InputRadio;
 var PreviewRadio = ({ question }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ jsx("dd", { className: "pts-radioMultiple-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx2("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
+    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ jsx2("dd", { className: "pts-radioMultiple-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ jsx2(
       "dd",
       {
         className: "pts-radioMultiple-preview pts-root-answer no-answer-preview-page",
@@ -69,10 +92,10 @@ var PreviewRadio = ({ question }) => {
   ] });
 };
-// src/components/input-components/CheckboxGroupStandard/CheckboxGroupStandard.tsx
+// src/components/input-components/MultipleCheckboxesStandard/MultipleCheckboxesStandard.tsx
 import { useEffect, useState } from "react";
-import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var CheckboxGroup = ({
+import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var MultipleCheckboxes = ({
   question,
   handleQuestionInputChange,
   showPreview = false,
@@ -80,8 +103,6 @@ var CheckboxGroup = ({
 }) => {
   var _a;
   const questionId = `question-${question.id}`;
-  const errorId = `error-${question.id}`;
-  const groupId = `checkbox-group-${question.id}`;
   const [checkedValues, setCheckedValues] = useState([]);
   useEffect(() => {
     var _a2;
@@ -89,6 +110,7 @@ var CheckboxGroup = ({
       var _a3;
       return (_a3 = question.answer) == null ? void 0 : _a3.includes(option.label);
     }).map((option) => option.label)) || [];
+    console.log("Initial values:", initialValues);
     setCheckedValues(initialValues);
   }, [question.answer, question.options]);
   const handleInputChange = (event, optionValue) => {
@@ -102,21 +124,100 @@ var CheckboxGroup = ({
     const e = { target: { value: updatedValues.toString() } };
     handleQuestionInputChange(e, question);
   };
-  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    !showPreview && question.visible && /* @__PURE__ */ jsx2("div", { id: questionId, className: "pts-root-question pts-checkboxGroup-container", children: /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    !showPreview && question.visible && /* @__PURE__ */ jsx3("div", { id: questionId, className: "pts-root-question pts-multipleCheckboxes-container", children: /* @__PURE__ */ jsxs3("fieldset", { children: [
+      /* @__PURE__ */ jsxs3("legend", { className: "multipleCheckboxes-legend", id: `label-${questionId}`, children: [
+        question.questionLabel,
+        " ",
+        question.isQuestionMandatory && /* @__PURE__ */ jsx3("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" }),
+        " "
+      ] }),
+      /* @__PURE__ */ jsx3("ul", { children: (_a = question.options) == null ? void 0 : _a.map((option, index) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsxs3(Fragment2, { children: [
+        " ",
+        /* @__PURE__ */ jsx3(
+          "input",
+          {
+            type: "checkbox",
+            name: `${question.id}-option`,
+            id: `${question.id}-option-${index}`,
+            value: option.label,
+            checked: checkedValues.includes(option.label),
+            onChange: (e) => handleInputChange(e, option.label),
+            className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0
+          }
+        ),
+        /* @__PURE__ */ jsx3("label", { htmlFor: `${question.id}-option-${index}`, children: option.label })
+      ] }) }, index)) })
+    ] }) }),
+    " ",
+    showPreview && /* @__PURE__ */ jsx3(PrevieMultipleCheckboxes, { activatedLanguage, question })
+  ] });
+};
+var MultipleCheckboxesStandard_default = MultipleCheckboxes;
+var PrevieMultipleCheckboxes = ({
+  question,
+  activatedLanguage
+}) => {
+  var _a, _b;
+  const previewId = `preview-${question.id}`;
+  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
+    /* @__PURE__ */ jsx3("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
+    question.answer ? question.options && question.options.length === 1 ? /* @__PURE__ */ jsx3("dd", { children: question.options[0].label }) : /* @__PURE__ */ jsx3("dd", { children: /* @__PURE__ */ jsx3("ul", { className: "pts-preview-answer-list", children: (_b = question.options) == null ? void 0 : _b.filter((option) => {
+      var _a2;
+      return (_a2 = question.answer) == null ? void 0 : _a2.includes(option.label);
+    }).map((option, index) => /* @__PURE__ */ jsx3("li", { children: option.label }, index)) }) }) : /* @__PURE__ */ jsx3("dd", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No Answer" : "Inget svar" }),
+    " "
+  ] });
+};
+// src/components/input-components/CheckboxGroupStandard/CheckboxGroupStandard.tsx
+import { useEffect as useEffect2, useState as useState2 } from "react";
+import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var CheckboxGroup = ({
+  question,
+  handleQuestionInputChange,
+  showPreview = false,
+  activatedLanguage = "sv"
+}) => {
+  var _a, _b, _c;
+  const questionId = `question-${question.id}`;
+  const errorId = `error-${question.id}`;
+  const groupId = `checkbox-group-${question.id}`;
+  const [checkedValues, setCheckedValues] = useState2([]);
+  useEffect2(() => {
+    var _a2;
+    const initialValues = ((_a2 = question.options) == null ? void 0 : _a2.filter((option) => {
+      var _a3;
+      return (_a3 = question.answer) == null ? void 0 : _a3.includes(option.label);
+    }).map((option) => option.label)) || [];
+    setCheckedValues(initialValues);
+  }, [question.answer, question.options]);
+  const handleInputChange = (event, optionValue) => {
+    let updatedValues = [...checkedValues];
+    if (updatedValues.includes(optionValue)) {
+      updatedValues = updatedValues.filter((val) => val !== optionValue);
+    } else {
+      updatedValues.push(optionValue);
+    }
+    setCheckedValues(updatedValues);
+    const e = { target: { value: updatedValues.toString() } };
+    handleQuestionInputChange(e, question);
+  };
+  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    !showPreview && question.visible && /* @__PURE__ */ jsx4("div", { id: questionId, className: "pts-root-question pts-checkboxGroup-container", children: /* @__PURE__ */ jsxs4(
       "fieldset",
       {
         "aria-required": question.isQuestionMandatory,
         "aria-invalid": question.hasValidationError ? question.hasValidationError : void 0,
         "aria-errormessage": question.hasValidationError ? errorId : void 0,
         children: [
-          /* @__PURE__ */ jsxs2("legend", { className: "pts-checkboxGroup-legend", id: `label-${groupId}`, children: [
+          /* @__PURE__ */ jsxs4("legend", { className: "pts-checkboxGroup-legend", id: `label-${groupId}`, children: [
             question.questionLabel,
             " ",
-            question.isQuestionMandatory && /* @__PURE__ */ jsx2("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" })
+            question.isQuestionMandatory && /* @__PURE__ */ jsx4("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" })
           ] }),
-          (_a = question.options) == null ? void 0 : _a.map((option, index) => /* @__PURE__ */ jsxs2("div", { className: "pts-checkboxGroup-options", children: [
-            /* @__PURE__ */ jsx2(
+          (_a = question.options) == null ? void 0 : _a.map((option, index) => /* @__PURE__ */ jsxs4("div", { className: "pts-checkboxGroup-options", children: [
+            /* @__PURE__ */ jsx4(
               "input",
               {
                 type: "checkbox",
@@ -128,17 +229,21 @@ var CheckboxGroup = ({
                 className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0
               }
             ),
-            /* @__PURE__ */ jsx2("label", { htmlFor: `${groupId}-option-${index}`, children: option.label })
+            /* @__PURE__ */ jsx4("label", { htmlFor: `${groupId}-option-${index}`, children: option.label })
           ] }, index)),
-          question.hasValidationError && /* @__PURE__ */ jsxs2("div", { className: "pts-root-error", id: errorId, children: [
-            /* @__PURE__ */ jsx2("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
-            /* @__PURE__ */ jsx2("span", { className: "sr-only", children: "Valideringsfel" }),
-            /* @__PURE__ */ jsx2("span", { className: "errorText", children: question.validationDefaultMessesege })
-          ] })
+          /* @__PURE__ */ jsx4(
+            ValidationMessage_default,
+            {
+              showValidationSummary: (_b = question.hasValidationError) != null ? _b : false,
+              validationId: errorId,
+              validationMessesege: (_c = question.validationDefaultMessesege) != null ? _c : "",
+              activatedLanguage
+            }
+          )
         ]
       }
     ) }),
-    showPreview && /* @__PURE__ */ jsx2(PreviewCheckboxGroup, { activatedLanguage, question })
+    showPreview && /* @__PURE__ */ jsx4(PreviewCheckboxGroup, { activatedLanguage, question })
   ] });
 };
 var CheckboxGroupStandard_default = CheckboxGroup;
@@ -148,44 +253,44 @@ var PreviewCheckboxGroup = ({
 }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
-  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    /* @__PURE__ */ jsx2("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    question.answer ? question.options && question.options.length === 1 ? /* @__PURE__ */ jsx2("dd", { children: question.options[0].label }) : /* @__PURE__ */ jsx2("dd", { children: /* @__PURE__ */ jsx2("ul", { className: "pts-preview-answer-list", children: (_b = question.options) == null ? void 0 : _b.filter((option) => {
+  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    /* @__PURE__ */ jsx4("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
+    question.answer ? question.options && question.options.length === 1 ? /* @__PURE__ */ jsx4("dd", { children: question.options[0].label }) : /* @__PURE__ */ jsx4("dd", { children: /* @__PURE__ */ jsx4("ul", { className: "pts-preview-answer-list", children: (_b = question.options) == null ? void 0 : _b.filter((option) => {
       var _a2;
       return (_a2 = question.answer) == null ? void 0 : _a2.includes(option.label);
-    }).map((option, index) => /* @__PURE__ */ jsx2("li", { children: option.label }, index)) }) }) : /* @__PURE__ */ jsx2("dd", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No Answer" : "Inget svar" }),
+    }).map((option, index) => /* @__PURE__ */ jsx4("li", { children: option.label }, index)) }) }) : /* @__PURE__ */ jsx4("dd", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No Answer" : "Inget svar" }),
     " "
   ] });
 };
 // src/components/input-components/TextAreaStandard/TextAreaStandard.tsx
 import DOMPurify from "dompurify";
-import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var InputTextarea = ({
   question,
   handleQuestionInputChange,
   showPreview = false,
   activatedLanguage
 }) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f, _g;
   const questionId = `question-${question.id}`;
   const inputId = `textarea-${question.id}`;
   const aboutId = `about-${question.id}`;
   const errorId = `error-${question.id}`;
   const defaultMaxLength = 1e3;
-  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
-    !showPreview && question.visible && /* @__PURE__ */ jsxs3(
+  return /* @__PURE__ */ jsxs5(Fragment4, { children: [
+    !showPreview && question.visible && /* @__PURE__ */ jsxs5(
       "div",
       {
         id: questionId,
         className: `pts-root-question pts-textArea-container${question.aboutText ? " pts-question-hasAbout" : ""}`,
         children: [
-          /* @__PURE__ */ jsxs3("label", { htmlFor: inputId, children: [
+          /* @__PURE__ */ jsxs5("label", { htmlFor: inputId, children: [
             question.questionLabel,
             " ",
-            question.isQuestionMandatory && /* @__PURE__ */ jsx3("span", { className: "pts-root-mandatoryAsterisk", "aria-hidden": "true", children: "*" })
+            question.isQuestionMandatory && /* @__PURE__ */ jsx5("span", { className: "pts-root-mandatoryAsterisk", "aria-hidden": "true", children: "*" })
           ] }),
-          question.aboutText && /* @__PURE__ */ jsx3(
+          question.aboutText && /* @__PURE__ */ jsx5(
             "div",
             {
               id: aboutId,
@@ -195,7 +300,7 @@ var InputTextarea = ({
               }
             }
           ),
-          /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsx5(
             "textarea",
             {
               className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0,
@@ -209,20 +314,25 @@ var InputTextarea = ({
               id: inputId
             }
           ),
-          /* @__PURE__ */ jsxs3("div", { className: "pts-textarea-counter-error-container", children: [
-            question.hasValidationError && /* @__PURE__ */ jsxs3("div", { className: "pts-root-error", id: errorId, children: [
-              /* @__PURE__ */ jsx3("span", { "aria-label": "Felmeddelande.", className: "errorDot", children: "!" }),
-              /* @__PURE__ */ jsx3("span", { className: "errorText", children: question.validationDefaultMessesege })
-            ] }),
-            !((_b = question.questionExtraAttribute) == null ? void 0 : _b.hideTextCounter) && /* @__PURE__ */ jsxs3(
+          /* @__PURE__ */ jsxs5("div", { className: "pts-textarea-counter-error-container", children: [
+            /* @__PURE__ */ jsx5(
+              ValidationMessage_default,
+              {
+                showValidationSummary: (_b = question.hasValidationError) != null ? _b : false,
+                validationId: errorId,
+                validationMessesege: (_c = question.validationDefaultMessesege) != null ? _c : "",
+                activatedLanguage: activatedLanguage != null ? activatedLanguage : "sv"
+              }
+            ),
+            !((_d = question.questionExtraAttribute) == null ? void 0 : _d.hideTextCounter) && /* @__PURE__ */ jsxs5(
               "div",
               {
-                className: `pts-character-counter ${question.answer && (((_c = question.questionExtraAttribute) == null ? void 0 : _c.answerMaxLength) || defaultMaxLength) && question.answer.length > (((_d = question.questionExtraAttribute) == null ? void 0 : _d.answerMaxLength) || defaultMaxLength) ? "error" : ""}`,
+                className: `pts-character-counter ${question.answer && (((_e = question.questionExtraAttribute) == null ? void 0 : _e.answerMaxLength) || defaultMaxLength) && question.answer.length > (((_f = question.questionExtraAttribute) == null ? void 0 : _f.answerMaxLength) || defaultMaxLength) ? "error" : ""}`,
                 children: [
                   question.answer ? question.answer.length : 0,
                   " av",
                   " ",
-                  ((_e = question.questionExtraAttribute) == null ? void 0 : _e.answerMaxLength) || defaultMaxLength,
+                  ((_g = question.questionExtraAttribute) == null ? void 0 : _g.answerMaxLength) || defaultMaxLength,
                   " tecken"
                 ]
               }
@@ -231,7 +341,7 @@ var InputTextarea = ({
         ]
       }
     ),
-    showPreview && /* @__PURE__ */ jsx3(PreviewTextarea, { activatedLanguage, question })
+    showPreview && /* @__PURE__ */ jsx5(PreviewTextarea, { activatedLanguage, question })
   ] });
 };
 var TextAreaStandard_default = InputTextarea;
@@ -241,9 +351,9 @@ var PreviewTextarea = ({
 }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
-  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
-    /* @__PURE__ */ jsx3("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ jsx3("dd", { className: "pts-textArea-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsxs5(Fragment4, { children: [
+    /* @__PURE__ */ jsx5("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
+    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ jsx5("dd", { className: "pts-textArea-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ jsx5(
       "dd",
       {
         className: "pts-textArea-preview pts-root-answer no-answer-preview-page",
@@ -256,32 +366,32 @@ var PreviewTextarea = ({
 // src/components/input-components/TextFieldStandard/TextFieldStandard.tsx
 import DOMPurify2 from "dompurify";
-import { Fragment as Fragment4, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var TextFieldStandard = ({
   question,
   handleQuestionInputChange,
   showPreview = false,
   activatedLanguage
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
   const questionId = `question-${question.id}`;
   const inputId = `textField-${question.id}`;
   const aboutId = `about-${question.id}`;
   const errorId = `error-${question.id}`;
   const defaultMaxLength = 1e3;
-  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
-    !showPreview && question.visible && /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs6(Fragment5, { children: [
+    !showPreview && question.visible && /* @__PURE__ */ jsxs6(
       "div",
       {
         id: questionId,
         className: `pts-root-question pts-textField-container${((_a = question.questionExtraAttribute) == null ? void 0 : _a.disabled) ? " pts-textField-disabled" : ""}${question.aboutText ? " pts-question-hasAbout" : ""}`.trim(),
         children: [
-          /* @__PURE__ */ jsxs4("label", { htmlFor: inputId, children: [
+          /* @__PURE__ */ jsxs6("label", { htmlFor: inputId, children: [
             question.questionLabel,
             " ",
-            question.isQuestionMandatory && /* @__PURE__ */ jsx4("span", { "aria-hidden": "true", className: "pts-root-mandatoryAsterisk", children: "*" })
+            question.isQuestionMandatory && /* @__PURE__ */ jsx6("span", { "aria-hidden": "true", className: "pts-root-mandatoryAsterisk", children: "*" })
           ] }),
-          question.aboutText && /* @__PURE__ */ jsx4(
+          question.aboutText && /* @__PURE__ */ jsx6(
             "div",
             {
               id: aboutId,
@@ -291,7 +401,7 @@ var TextFieldStandard = ({
               }
             }
           ),
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx6(
             "input",
             {
               type: (_c = (_b = question.questionExtraAttribute) == null ? void 0 : _b.inputType) != null ? _c : "text",
@@ -313,15 +423,24 @@ var TextFieldStandard = ({
               autoCapitalize: (_m = (_l = question.questionExtraAttribute) == null ? void 0 : _l.autoCapitalize) != null ? _m : void 0
             }
           ),
-          question.hasValidationError && /* @__PURE__ */ jsxs4("div", { className: "pts-root-error", id: errorId, children: [
-            /* @__PURE__ */ jsx4("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
-            /* @__PURE__ */ jsx4("span", { className: "sr-only", children: "Valideringsfel" }),
-            /* @__PURE__ */ jsx4("span", { className: "errorText", children: question.validationDefaultMessesege })
+          /* @__PURE__ */ jsx6(
+            ValidationMessage_default,
+            {
+              showValidationSummary: (_n = question.hasValidationError) != null ? _n : false,
+              validationId: errorId,
+              validationMessesege: (_o = question.validationDefaultMessesege) != null ? _o : "",
+              activatedLanguage: activatedLanguage != null ? activatedLanguage : "sv"
+            }
+          ),
+          question.hasValidationError && /* @__PURE__ */ jsxs6("div", { className: "pts-root-error", id: errorId, children: [
+            /* @__PURE__ */ jsx6("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
+            /* @__PURE__ */ jsx6("span", { className: "sr-only", children: "Valideringsfel" }),
+            /* @__PURE__ */ jsx6("span", { className: "errorText", children: question.validationDefaultMessesege })
           ] })
         ]
       }
     ),
-    showPreview && /* @__PURE__ */ jsx4(PreviewTextField, { activatedLanguage, question })
+    showPreview && /* @__PURE__ */ jsx6(PreviewTextField, { activatedLanguage, question })
   ] });
 };
 var TextFieldStandard_default = TextFieldStandard;
@@ -331,9 +450,9 @@ var PreviewTextField = ({
 }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
-  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
-    /* @__PURE__ */ jsx4("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ jsx4("dd", { className: "pts-textField-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsxs6(Fragment5, { children: [
+    /* @__PURE__ */ jsx6("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
+    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ jsx6("dd", { className: "pts-textField-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ jsx6(
       "dd",
       {
         className: "pts-textField-preview pts-root-answer no-answer-preview-page",
@@ -345,12 +464,12 @@ var PreviewTextField = ({
 };
 // src/components/input-components/AddFilesStandard/AddFilesStandard.tsx
-import { useCallback, useEffect as useEffect4, useState as useState4 } from "react";
+import { useCallback, useEffect as useEffect5, useState as useState5 } from "react";
 import clsx3 from "clsx";
 // src/components/input-components/AddFilesStandard/DropFilesStandard.tsx
 import { useDropzone } from "react-dropzone";
-import { Fragment as Fragment5, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h\xE4r", language }) => {
   const onDrop = FilesSelected;
   const { getRootProps, getInputProps, isDragActive } = useDropzone({ onDrop, noKeyboard: true });
@@ -358,10 +477,10 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
     event.preventDefault();
     event.stopPropagation();
   };
-  return /* @__PURE__ */ jsx5(Fragment5, { children: /* @__PURE__ */ jsx5("div", { className: "DropZoneContainer", children: /* @__PURE__ */ jsxs5("div", { className: "DropZone", ...getRootProps(), onClick: handleFileExplorer, children: [
-    /* @__PURE__ */ jsxs5("label", { htmlFor: "fileDropInput", hidden: true, children: [
+  return /* @__PURE__ */ jsx7(Fragment6, { children: /* @__PURE__ */ jsx7("div", { className: "DropZoneContainer", children: /* @__PURE__ */ jsxs7("div", { className: "DropZone", ...getRootProps(), onClick: handleFileExplorer, children: [
+    /* @__PURE__ */ jsxs7("label", { htmlFor: "fileDropInput", hidden: true, children: [
       "Dra och sl\xE4pp filer h\xE4r omr\xE5de",
-      /* @__PURE__ */ jsx5(
+      /* @__PURE__ */ jsx7(
         "input",
         {
           ...getInputProps({
@@ -372,8 +491,8 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
         }
       )
     ] }),
-    isDragActive ? /* @__PURE__ */ jsx5("b", { className: "dropFilesNowText", children: language === "sv" ? "Sl\xE4pp filerna, nu ...!" : "Drop files here!" }) : /* @__PURE__ */ jsxs5("div", { className: "DropZone-label-container", children: [
-      /* @__PURE__ */ jsx5(
+    isDragActive ? /* @__PURE__ */ jsx7("b", { className: "dropFilesNowText", children: language === "sv" ? "Sl\xE4pp filerna, nu ...!" : "Drop files here!" }) : /* @__PURE__ */ jsxs7("div", { className: "DropZone-label-container", children: [
+      /* @__PURE__ */ jsx7(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -381,7 +500,7 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
           height: "2.4rem",
           viewBox: "0 0 7 15",
           fill: "#fff",
-          children: /* @__PURE__ */ jsx5(
+          children: /* @__PURE__ */ jsx7(
             "path",
             {
               d: "M0 2.5C0 1.83696 0.263392 1.20107 0.732233 0.732233C1.20107 0.263392 1.83696 0 2.5 0C3.16304 0 3.79893 0.263392 4.26777 0.732233C4.73661 1.20107 5 1.83696 5 2.5V11.5C5 11.8978 4.84196 12.2794 4.56066 12.5607C4.27936 12.842 3.89782 13 3.5 13C3.10218 13 2.72064 12.842 2.43934 12.5607C2.15804 12.2794 2 11.8978 2 11.5V4.5C2 4.36739 2.05268 4.24021 2.14645 4.14645C2.24021 4.05268 2.36739 4 2.5 4C2.63261 4 2.75979 4.05268 2.85355 4.14645C2.94732 4.24021 3 4.36739 3 4.5V11.5C3 11.6326 3.05268 11.7598 3.14645 11.8536C3.24021 11.9473 3.36739 12 3.5 12C3.63261 12 3.75979 11.9473 3.85355 11.8536C3.94732 11.7598 4 11.6326 4 11.5V2.5C4 2.30302 3.9612 2.10796 3.88582 1.92597C3.81044 1.74399 3.69995 1.57863 3.56066 1.43934C3.42137 1.30005 3.25601 1.18956 3.07403 1.11418C2.89204 1.0388 2.69698 1 2.5 1C2.30302 1 2.10796 1.0388 1.92597 1.11418C1.74399 1.18956 1.57863 1.30005 1.43934 1.43934C1.30005 1.57863 1.18956 1.74399 1.11418 1.92597C1.0388 2.10796 1 2.30302 1 2.5V11.5C1 12.163 1.26339 12.7989 1.73223 13.2678C2.20107 13.7366 2.83696 14 3.5 14C4.16304 14 4.79893 13.7366 5.26777 13.2678C5.73661 12.7989 6 12.163 6 11.5V4.5C6 4.36739 6.05268 4.24021 6.14645 4.14645C6.24021 4.05268 6.36739 4 6.5 4C6.63261 4 6.75979 4.05268 6.85355 4.14645C6.94732 4.24021 7 4.36739 7 4.5V11.5C7 12.4283 6.63125 13.3185 5.97487 13.9749C5.3185 14.6313 4.42826 15 3.5 15C2.57174 15 1.6815 14.6313 1.02513 13.9749C0.368749 13.3185 0 12.4283 0 11.5V2.5Z",
@@ -390,7 +509,7 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
           )
         }
       ),
-      /* @__PURE__ */ jsx5("p", { className: "dropFilesText", children: DropFilesText })
+      /* @__PURE__ */ jsx7("p", { className: "dropFilesText", children: DropFilesText })
     ] })
   ] }) }) });
 };
@@ -402,7 +521,7 @@ import clsx from "clsx";
 // src/components/input-components/AddFilesStandard/ScreenReaderErrors.tsx
 import React from "react";
-import { Fragment as Fragment6, jsx as jsx6 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx8 } from "react/jsx-runtime";
 var ScreenReaderErrors = ({
   errorMessageAddingFile,
   activatedLanguage
@@ -421,12 +540,12 @@ var ScreenReaderErrors = ({
       setActivateErrorMessagesForScreenReader(true);
     }
   }, [errorMessageAddingFile]);
-  return /* @__PURE__ */ jsx6(Fragment6, { children: activateErrorMessagesForScreenReader && /* @__PURE__ */ jsx6("p", { role: "alert", className: "sr-only", "aria-atomic": "true", children: errorMessagesForScreenReader }) });
+  return /* @__PURE__ */ jsx8(Fragment7, { children: activateErrorMessagesForScreenReader && /* @__PURE__ */ jsx8("p", { role: "alert", className: "sr-only", "aria-atomic": "true", children: errorMessagesForScreenReader }) });
 };
 var ScreenReaderErrors_default = ScreenReaderErrors;
 // src/components/input-components/AddFilesStandard/ExploreFilesStandard.tsx
-import { Fragment as Fragment7, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var ExploreFiles = ({
   FilesSelected,
   numberOfFiles,
@@ -453,8 +572,8 @@ var ExploreFiles = ({
   };
   let addFilesInfoText = numberOfFiles > 0 ? activatedLanguage === "sv" ? `${numberOfFiles} filer valda (max ${allowedNumberOfFiles})` : `${numberOfFiles} files chosed (max ${allowedNumberOfFiles})` : activatedLanguage === "sv" ? "Ingen fil vald" : "No file chosen";
   const ariaLabelText = `${activatedLanguage === "sv" ? "V\xE4lj fil" : "Choose file"} ${addFilesInfoText}`;
-  return /* @__PURE__ */ jsx7(Fragment7, { children: /* @__PURE__ */ jsxs6("div", { className: "inputContainer", children: [
-    /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsx9(Fragment8, { children: /* @__PURE__ */ jsxs8("div", { className: "inputContainer", children: [
+    /* @__PURE__ */ jsxs8(
       "div",
       {
         className: clsx(
@@ -464,7 +583,7 @@ var ExploreFiles = ({
         ),
         id: labelId,
         children: [
-          /* @__PURE__ */ jsx7(
+          /* @__PURE__ */ jsx9(
             "button",
             {
               ref: buttonInputRef,
@@ -479,12 +598,12 @@ var ExploreFiles = ({
               children: activatedLanguage === "sv" ? "V\xE4lj fil" : "Choose file"
             }
           ),
-          /* @__PURE__ */ jsx7("span", { "aria-hidden": true, className: "filePickText", children: addFilesInfoText }),
-          /* @__PURE__ */ jsx7("label", { htmlFor: inputId, "aria-hidden": true, className: "invisible" })
+          /* @__PURE__ */ jsx9("span", { "aria-hidden": true, className: "filePickText", children: addFilesInfoText }),
+          /* @__PURE__ */ jsx9("label", { htmlFor: inputId, "aria-hidden": true, className: "invisible" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx9(
       "input",
       {
         "aria-hidden": true,
@@ -497,7 +616,7 @@ var ExploreFiles = ({
         id: inputId
       }
     ),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx9(
       ScreenReaderErrors_default,
       {
         errorMessageAddingFile,
@@ -509,22 +628,22 @@ var ExploreFiles = ({
 var ExploreFilesStandard_default = ExploreFiles;
 // src/components/input-components/AddFilesStandard/SelectedFilesStandard.tsx
-import React4, { useEffect as useEffect3, useState as useState3, useRef as useRef2 } from "react";
+import React4, { useEffect as useEffect4, useState as useState4, useRef as useRef2 } from "react";
 import { Col, Row } from "react-bootstrap";
 // src/components/input-components/AddFilesStandard/IndicatorStandard.tsx
-import { useState as useState2 } from "react";
+import { useState as useState3 } from "react";
 import clsx2 from "clsx";
-import { Fragment as Fragment8, jsx as jsx8 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx10 } from "react/jsx-runtime";
 var Indicator = (filename) => {
-  const [uploadPercentage, setUploadPercentage] = useState2(0);
-  const [uploadDone, setUploadDone] = useState2(false);
-  return /* @__PURE__ */ jsx8(Fragment8, { children: /* @__PURE__ */ jsx8("div", { className: clsx2("uploadIndicator", "uploadDone") }) });
+  const [uploadPercentage, setUploadPercentage] = useState3(0);
+  const [uploadDone, setUploadDone] = useState3(false);
+  return /* @__PURE__ */ jsx10(Fragment9, { children: /* @__PURE__ */ jsx10("div", { className: clsx2("uploadIndicator", "uploadDone") }) });
 };
 var IndicatorStandard_default = Indicator;
 // src/components/input-components/AddFilesStandard/SelectedFilesStandard.tsx
-import { Fragment as Fragment9, jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var SelectedFiles = ({
   questionObject,
   isTouched,
@@ -546,13 +665,13 @@ var SelectedFiles = ({
     isTouched(e, questionObject);
     removeFile(newCountOfFiles);
   };
-  useEffect3(() => {
+  useEffect4(() => {
     var _a;
     numberOfFiles > 0 && ((_a = theDiv.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "end" }));
   }, [numberOfFiles]);
   const useWindowWidth = () => {
-    const [windowWidth2, setWindowWidth] = useState3(window.innerWidth);
-    useEffect3(() => {
+    const [windowWidth2, setWindowWidth] = useState4(window.innerWidth);
+    useEffect4(() => {
       const handleResize = () => {
         setWindowWidth(window.innerWidth);
       };
@@ -564,10 +683,10 @@ var SelectedFiles = ({
     return windowWidth2;
   };
   const windowWidth = useWindowWidth();
-  return /* @__PURE__ */ jsxs7(Fragment9, { children: [
-    /* @__PURE__ */ jsx9("div", { children: errorMessageAddingFile.length > 0 && /* @__PURE__ */ jsxs7("div", { className: "pts-errorSummary-container pts-addFile-error-container", children: [
-      /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
-      /* @__PURE__ */ jsx9("div", { className: "addFile-error-list-container", children: /* @__PURE__ */ jsxs7("ul", { "aria-hidden": true, className: "fileListUnorderedList", id: "errorSummary-ul", children: [
+  return /* @__PURE__ */ jsxs9(Fragment10, { children: [
+    /* @__PURE__ */ jsx11("div", { children: errorMessageAddingFile.length > 0 && /* @__PURE__ */ jsxs9("div", { className: "pts-errorSummary-container pts-addFile-error-container", children: [
+      /* @__PURE__ */ jsx11("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
+      /* @__PURE__ */ jsx11("div", { className: "addFile-error-list-container", children: /* @__PURE__ */ jsxs9("ul", { "aria-hidden": true, className: "fileListUnorderedList", id: "errorSummary-ul", children: [
         " ",
         errorMessageAddingFile.map((errorObj, index) => {
           const errorFileName = errorObj.FileName;
@@ -575,9 +694,9 @@ var SelectedFiles = ({
           mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
           const fileType = errorObj.FileName.split(".").pop();
           mobileFirstFileName = mobileFirstFileName + "." + fileType;
-          return /* @__PURE__ */ jsx9("li", { children: /* @__PURE__ */ jsx9(React4.Fragment, { children: /* @__PURE__ */ jsx9("div", { children: /* @__PURE__ */ jsx9("div", { className: "fileInListContainer", children: /* @__PURE__ */ jsxs7("div", { className: "fileInList", children: [
-            /* @__PURE__ */ jsx9(Row, { children: /* @__PURE__ */ jsx9(Col, { children: windowWidth < 768 ? /* @__PURE__ */ jsx9("span", { className: "mobileFirstFileName", children: mobileFirstFileName }) : /* @__PURE__ */ jsx9("span", { className: "desktopFileName", children: errorObj.FileName }) }) }),
-            /* @__PURE__ */ jsx9(Row, { children: /* @__PURE__ */ jsx9(
+          return /* @__PURE__ */ jsx11("li", { children: /* @__PURE__ */ jsx11(React4.Fragment, { children: /* @__PURE__ */ jsx11("div", { children: /* @__PURE__ */ jsx11("div", { className: "fileInListContainer", children: /* @__PURE__ */ jsxs9("div", { className: "fileInList", children: [
+            /* @__PURE__ */ jsx11(Row, { children: /* @__PURE__ */ jsx11(Col, { children: windowWidth < 768 ? /* @__PURE__ */ jsx11("span", { className: "mobileFirstFileName", children: mobileFirstFileName }) : /* @__PURE__ */ jsx11("span", { className: "desktopFileName", children: errorObj.FileName }) }) }),
+            /* @__PURE__ */ jsx11(Row, { children: /* @__PURE__ */ jsx11(
               Col,
               {
                 className: "errorMessageAddingFile",
@@ -592,7 +711,7 @@ var SelectedFiles = ({
           ] }, index) }) }) }, `error-${errorObj.FileName}-${index}`) });
         })
       ] }) }),
-      /* @__PURE__ */ jsx9("div", { className: "addFile-error-close-button", children: /* @__PURE__ */ jsx9(
+      /* @__PURE__ */ jsx11("div", { className: "addFile-error-close-button", children: /* @__PURE__ */ jsx11(
         "button",
         {
           className: "selectedFilesLinkButton error-close",
@@ -600,7 +719,7 @@ var SelectedFiles = ({
             removeError();
           },
           "aria-label": activatedLanguage === "sv" ? `St\xE4ng felmeddelande` : `Close error message`,
-          children: /* @__PURE__ */ jsx9(
+          children: /* @__PURE__ */ jsx11(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -608,7 +727,7 @@ var SelectedFiles = ({
               height: "14",
               viewBox: "0 0 14 14",
               fill: "none",
-              children: /* @__PURE__ */ jsx9(
+              children: /* @__PURE__ */ jsx11(
                 "path",
                 {
                   d: "M0.75 12.75L12.75 0.75M0.75 0.75L12.75 12.75",
@@ -622,15 +741,15 @@ var SelectedFiles = ({
         }
       ) })
     ] }) }),
-    questionObject.files.length > 0 && /* @__PURE__ */ jsx9("ul", { className: "fileListUnorderedList", "aria-label": "Uppladdade filer", children: questionObject.files.map((file, index) => {
+    questionObject.files.length > 0 && /* @__PURE__ */ jsx11("ul", { className: "fileListUnorderedList", "aria-label": "Uppladdade filer", children: questionObject.files.map((file, index) => {
       const indicatorfileName = file.FileName;
       let mobileFirstFileName = file.FileName.split(".").shift();
       mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
       const fileType = file.FileName.split(".").pop();
       mobileFirstFileName = mobileFirstFileName + "." + fileType;
-      return /* @__PURE__ */ jsx9("li", { children: /* @__PURE__ */ jsx9(React4.Fragment, { children: /* @__PURE__ */ jsx9("div", { children: /* @__PURE__ */ jsx9("div", { className: "fileInListContainer", children: /* @__PURE__ */ jsxs7("div", { className: "fileInList", children: [
-        /* @__PURE__ */ jsxs7("div", { className: "fileItem", children: [
-          /* @__PURE__ */ jsx9(Col, { style: { maxWidth: "30px" }, children: /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", className: "uploadedDot", children: /* @__PURE__ */ jsx9(
+      return /* @__PURE__ */ jsx11("li", { children: /* @__PURE__ */ jsx11(React4.Fragment, { children: /* @__PURE__ */ jsx11("div", { children: /* @__PURE__ */ jsx11("div", { className: "fileInListContainer", children: /* @__PURE__ */ jsxs9("div", { className: "fileInList", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "fileItem", children: [
+          /* @__PURE__ */ jsx11(Col, { style: { maxWidth: "30px" }, children: /* @__PURE__ */ jsx11("span", { "aria-hidden": "true", className: "uploadedDot", children: /* @__PURE__ */ jsx11(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -638,7 +757,7 @@ var SelectedFiles = ({
               height: "8",
               viewBox: "0 0 8 8",
               fill: "none",
-              children: /* @__PURE__ */ jsx9(
+              children: /* @__PURE__ */ jsx11(
                 "path",
                 {
                   d: "M1 4.65913L2.8 6.45913L7 1.35913",
@@ -649,20 +768,20 @@ var SelectedFiles = ({
               )
             }
           ) }) }),
-          /* @__PURE__ */ jsx9(Col, { children: windowWidth < 768 ? /* @__PURE__ */ jsxs7("span", { className: "mobileFirstFileName", children: [
+          /* @__PURE__ */ jsx11(Col, { children: windowWidth < 768 ? /* @__PURE__ */ jsxs9("span", { className: "mobileFirstFileName", children: [
             mobileFirstFileName,
             " (",
             Math.ceil(file.FileSize / (1024 * 1024)),
             " ",
             "MB)"
-          ] }) : /* @__PURE__ */ jsxs7("span", { className: "desktopFileName", children: [
+          ] }) : /* @__PURE__ */ jsxs9("span", { className: "desktopFileName", children: [
             file.FileName,
             " (",
-            /* @__PURE__ */ jsx9("span", { className: "fileSizeText", children: file.FileSize < 1024 * 1024 ? `${Math.round(file.FileSize / 1024)} kB` : `${(file.FileSize / (1024 * 1024)).toFixed(1)} MB` }),
+            /* @__PURE__ */ jsx11("span", { className: "fileSizeText", children: file.FileSize < 1024 * 1024 ? `${Math.round(file.FileSize / 1024)} kB` : `${(file.FileSize / (1024 * 1024)).toFixed(1)} MB` }),
             " ",
             ")"
           ] }) }),
-          /* @__PURE__ */ jsx9(Col, { className: "lastCol", children: /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsx11(Col, { className: "lastCol", children: /* @__PURE__ */ jsx11(
             "button",
             {
               className: "selectedFilesLinkButton",
@@ -672,17 +791,17 @@ var SelectedFiles = ({
             }
           ) })
         ] }),
-        showIndicator && /* @__PURE__ */ jsx9(Row, { children: /* @__PURE__ */ jsx9(Col, { style: { width: "100%", padding: 0 }, children: /* @__PURE__ */ jsx9(IndicatorStandard_default, { filename: indicatorfileName }) }) }),
-        /* @__PURE__ */ jsx9(Row, { style: { marginTop: "12px", marginBottom: "12px" }, children: /* @__PURE__ */ jsx9(Col, { className: "makeSpace" }) })
+        showIndicator && /* @__PURE__ */ jsx11(Row, { children: /* @__PURE__ */ jsx11(Col, { style: { width: "100%", padding: 0 }, children: /* @__PURE__ */ jsx11(IndicatorStandard_default, { filename: indicatorfileName }) }) }),
+        /* @__PURE__ */ jsx11(Row, { style: { marginTop: "12px", marginBottom: "12px" }, children: /* @__PURE__ */ jsx11(Col, { className: "makeSpace" }) })
       ] }, index) }) }) }, `file-${file.FileName}-${index}`) });
     }) }),
-    /* @__PURE__ */ jsx9("div", { ref: theDiv, className: "pts-clipboard-container" })
+    /* @__PURE__ */ jsx11("div", { ref: theDiv, className: "pts-clipboard-container" })
   ] });
 };
 var SelectedFilesStandard_default = SelectedFiles;
 // src/components/input-components/AddFilesStandard/AddFilesStandard.tsx
-import { Fragment as Fragment10, jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var AddFiles = ({
   questionObject,
   handleQuestionInputChange = (e, questionObject2) => {
@@ -696,6 +815,7 @@ var AddFiles = ({
   allowedTotalFileSize = 20971520
   // 20MB = (1024 * 1024) * 20
 }) => {
+  var _a, _b;
   if (allowedFileTypes.length < 1) {
     allowedFileTypes = [
       "pdf",
@@ -720,26 +840,26 @@ var AddFiles = ({
   const errorId = `error-${questionObject.id}`;
   const labelId = `label-${questionObject.id}`;
   const maxSizeMB = Math.round(allowedTotalFileSize / 1048576);
-  const [numberOfFiles, setNumberOfFiles] = useState4(0);
-  const [totalFileSize, setTotalFileSize] = useState4(0);
-  const [errorMessageAddingFile, setErrorMessageAddingFile] = useState4([]);
-  const [newFiles, setNewFiles] = useState4([]);
-  const [dropFilesText, setDropFilesText] = useState4("Dra och sl\xE4pp dina filer h\xE4r");
-  useEffect4(() => {
+  const [numberOfFiles, setNumberOfFiles] = useState5(0);
+  const [totalFileSize, setTotalFileSize] = useState5(0);
+  const [errorMessageAddingFile, setErrorMessageAddingFile] = useState5([]);
+  const [newFiles, setNewFiles] = useState5([]);
+  const [dropFilesText, setDropFilesText] = useState5("Dra och sl\xE4pp dina filer h\xE4r");
+  useEffect5(() => {
     if (activatedLanguage === "sv") {
       setDropFilesText("Dra och sl\xE4pp dina filer h\xE4r");
     } else {
       setDropFilesText("Drag and drop your files here");
     }
   }, [activatedLanguage]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (questionObject.files && questionObject.files.length > 0) {
       setNumberOfFiles(questionObject.files.length);
     }
   }, []);
   const onDrop = useCallback(
     (acceptedFiles) => {
-      var _a, _b, _c;
+      var _a2, _b2, _c;
       const validationErrors = [];
       const validFiles = [];
       const currentTotalFileSize = (questionObject.files || []).reduce(
@@ -747,7 +867,7 @@ var AddFiles = ({
         0
       );
       setTotalFileSize(currentTotalFileSize);
-      if ((((_a = questionObject.files) == null ? void 0 : _a.length) || 0) >= allowedNumberOfFiles) {
+      if ((((_a2 = questionObject.files) == null ? void 0 : _a2.length) || 0) >= allowedNumberOfFiles) {
         acceptedFiles.forEach((file) => {
           validationErrors.push({
             FileName: file.name,
@@ -760,7 +880,7 @@ var AddFiles = ({
       }
       let accumulatedNewSize = 0;
       for (const file of acceptedFiles) {
-        const fileExtension = ((_b = file.name.split(".").pop()) == null ? void 0 : _b.toLowerCase()) || "";
+        const fileExtension = ((_b2 = file.name.split(".").pop()) == null ? void 0 : _b2.toLowerCase()) || "";
         if (!allowedFileTypes.includes(fileExtension)) {
           validationErrors.push({
             FileName: file.name,
@@ -827,7 +947,7 @@ var AddFiles = ({
       reader.readAsDataURL(file);
     });
   };
-  useEffect4(() => {
+  useEffect5(() => {
     if (newFiles.length > 0) {
       const currentFiles = questionObject.files ? questionObject.files : [];
       const e = {
@@ -854,9 +974,9 @@ var AddFiles = ({
   const handleRemoveErrors = () => {
     setErrorMessageAddingFile([]);
   };
-  return /* @__PURE__ */ jsxs8(Fragment10, { children: [
-    !showPreview && visible && /* @__PURE__ */ jsx10("div", { className: "root-question addFile-question-container", children: /* @__PURE__ */ jsxs8("div", { role: "group", children: [
-      questionObject.aboutText && /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs10(Fragment11, { children: [
+    !showPreview && visible && /* @__PURE__ */ jsx12("div", { className: "root-question addFile-question-container", id: `question-${questionObject.id}`, children: /* @__PURE__ */ jsxs10("div", { role: "group", children: [
+      questionObject.aboutText && /* @__PURE__ */ jsxs10(
         "p",
         {
           id: aboutId,
@@ -866,19 +986,29 @@ var AddFiles = ({
           ),
           children: [
             questionObject.aboutText,
-            questionObject.isQuestionMandatory && /* @__PURE__ */ jsxs8("span", { className: "pts-root-mandatoryAsterisk", "aria-hidden": "true", children: [
+            questionObject.isQuestionMandatory && /* @__PURE__ */ jsxs10("span", { className: "pts-root-mandatoryAsterisk", "aria-label": "Obligatorisk fr\xE5ga", children: [
               " ",
               "*"
             ] })
           ]
         }
       ),
-      questionObject.hasValidationError && /* @__PURE__ */ jsxs8("div", { className: "pts-root-error error addfileserror", id: errorId, children: [
-        /* @__PURE__ */ jsx10("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
-        /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "Valideringsfel" }),
-        /* @__PURE__ */ jsx10("span", { className: "errorText", children: questionObject.validationDefaultMessesege })
+      /* @__PURE__ */ jsx12(
+        ValidationMessage_default,
+        {
+          showValidationSummary: (_a = questionObject.hasValidationError) != null ? _a : false,
+          validationId: errorId,
+          validationMessesege: (_b = questionObject.validationDefaultMessesege) != null ? _b : "",
+          activatedLanguage,
+          extraCssClass: "error addfileserror"
+        }
+      ),
+      questionObject.hasValidationError && /* @__PURE__ */ jsxs10("div", { className: "pts-root-error error addfileserror", id: errorId, children: [
+        /* @__PURE__ */ jsx12("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
+        /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "Valideringsfel" }),
+        /* @__PURE__ */ jsx12("span", { className: "errorText", children: questionObject.validationDefaultMessesege })
       ] }),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx12(
         ExploreFilesStandard_default,
         {
           FilesSelected: onDrop,
@@ -894,7 +1024,7 @@ var AddFiles = ({
           removeUploadErrors: handleRemoveErrors
         }
       ),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx12(
         DropFilesStandard_default,
         {
           FilesSelected: onDrop,
@@ -902,7 +1032,7 @@ var AddFiles = ({
           language: activatedLanguage
         }
       ),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx12(
         SelectedFilesStandard_default,
         {
           questionObject,
@@ -917,7 +1047,7 @@ var AddFiles = ({
         }
       )
     ] }) }),
-    showPreview && /* @__PURE__ */ jsx10(PreviewAddFiles, { activatedLanguage, questionObject })
+    showPreview && /* @__PURE__ */ jsx12(PreviewAddFiles, { activatedLanguage, questionObject })
   ] });
 };
 var AddFilesStandard_default = AddFiles;
@@ -926,30 +1056,30 @@ var PreviewAddFiles = ({
   activatedLanguage
 }) => {
   const previewId = `preview-${questionObject.Id}`;
-  return /* @__PURE__ */ jsxs8(Fragment10, { children: [
-    /* @__PURE__ */ jsx10("dt", { id: `question-${previewId}`, children: questionObject.questionLabel ? questionObject.questionLabel : activatedLanguage === "en" ? "Attached files" : "Bifogade filer" }),
-    questionObject.files && questionObject.files.length > 0 ? /* @__PURE__ */ jsx10("dd", { className: "pts-addFiles-answer", children: /* @__PURE__ */ jsx10("ul", { "aria-labelledby": previewId, className: "pts-preview-answer-list", children: questionObject.files.map((file, index) => {
-      return /* @__PURE__ */ jsx10("li", { children: file.FileName }, `file-${index}-${file.FileName}`);
-    }) }) }) : /* @__PURE__ */ jsx10("dd", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No attached files" : "Inga bifogade filer" })
+  return /* @__PURE__ */ jsxs10(Fragment11, { children: [
+    /* @__PURE__ */ jsx12("dt", { id: `question-${previewId}`, children: questionObject.questionLabel ? questionObject.questionLabel : activatedLanguage === "en" ? "Attached files" : "Bifogade filer" }),
+    questionObject.files && questionObject.files.length > 0 ? /* @__PURE__ */ jsx12("dd", { className: "pts-addFiles-answer", children: /* @__PURE__ */ jsx12("ul", { "aria-labelledby": previewId, className: "pts-preview-answer-list", children: questionObject.files.map((file, index) => {
+      return /* @__PURE__ */ jsx12("li", { children: file.FileName }, `file-${index}-${file.FileName}`);
+    }) }) }) : /* @__PURE__ */ jsx12("dd", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No attached files" : "Inga bifogade filer" })
   ] });
 };
 // src/components/input-components/SingleCheckboxStandard/SingleCheckboxStandard.tsx
-import { useEffect as useEffect5, useState as useState5 } from "react";
-import { Fragment as Fragment11, jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { useEffect as useEffect6, useState as useState6 } from "react";
+import { Fragment as Fragment12, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var SingleCheckbox = ({
   question,
   handleQuestionInputChange,
   showPreview = false,
   activatedLanguage = "sv"
 }) => {
-  var _a, _b;
+  var _a, _b, _c, _d;
   const questionId = `question-${question.id}`;
   const inputId = `checkbox-${question.id}`;
   const aboutId = `about-${question.id}`;
   const errorId = `error-${question.id}`;
-  const [checked, setChecked] = useState5(false);
-  useEffect5(() => {
+  const [checked, setChecked] = useState6(false);
+  useEffect6(() => {
     if (question.answer && question.answer === "true") {
       setChecked(true);
     } else {
@@ -962,10 +1092,10 @@ var SingleCheckbox = ({
     const e = { target: { value: answer } };
     handleQuestionInputChange(e, question);
   };
-  return /* @__PURE__ */ jsxs9(Fragment11, { children: [
-    !showPreview && question.visible && /* @__PURE__ */ jsxs9("div", { id: questionId, className: "pts-root-question pts-singleCheckbox-container", children: [
-      /* @__PURE__ */ jsxs9("div", { className: "pts-singleCheckbox-row", children: [
-        /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs11(Fragment12, { children: [
+    !showPreview && question.visible && /* @__PURE__ */ jsxs11("div", { id: questionId, className: "pts-root-question pts-singleCheckbox-container", children: [
+      /* @__PURE__ */ jsxs11("div", { className: "pts-singleCheckbox-row", children: [
+        /* @__PURE__ */ jsx13(
           "input",
           {
             type: "checkbox",
@@ -983,11 +1113,11 @@ var SingleCheckbox = ({
             "aria-errormessage": question.hasValidationError ? errorId : void 0
           }
         ),
-        /* @__PURE__ */ jsx11("label", { htmlFor: `${inputId}`, children: question.questionLabel }),
-        question.isQuestionMandatory && /* @__PURE__ */ jsx11("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" }),
+        /* @__PURE__ */ jsx13("label", { htmlFor: `${inputId}`, children: question.questionLabel }),
+        question.isQuestionMandatory && /* @__PURE__ */ jsx13("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" }),
         " "
       ] }),
-      question.aboutText && /* @__PURE__ */ jsx11(
+      question.aboutText && /* @__PURE__ */ jsx13(
         "div",
         {
           id: aboutId,
@@ -996,15 +1126,18 @@ var SingleCheckbox = ({
         }
       ),
       " ",
-      question.hasValidationError && /* @__PURE__ */ jsxs9("div", { className: "pts-root-error", id: errorId, children: [
-        /* @__PURE__ */ jsx11("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
-        /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "Valideringsfel" }),
-        /* @__PURE__ */ jsx11("span", { className: "errorText", children: question.validationDefaultMessesege })
-      ] }),
-      " "
+      /* @__PURE__ */ jsx13(
+        ValidationMessage_default,
+        {
+          showValidationSummary: (_c = question.hasValidationError) != null ? _c : false,
+          validationId: errorId,
+          validationMessesege: (_d = question.validationDefaultMessesege) != null ? _d : "",
+          activatedLanguage
+        }
+      )
     ] }),
     " ",
-    showPreview && /* @__PURE__ */ jsx11(PreviewSingleCheckbox, { activatedLanguage, question })
+    showPreview && /* @__PURE__ */ jsx13(PreviewSingleCheckbox, { activatedLanguage, question })
   ] });
 };
 var SingleCheckboxStandard_default = SingleCheckbox;
@@ -1014,9 +1147,9 @@ var PreviewSingleCheckbox = ({
 }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
-  return /* @__PURE__ */ jsxs9(Fragment11, { children: [
-    /* @__PURE__ */ jsx11("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ jsx11("dd", { className: "pts-singleCheckbox-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer === "false" ? activatedLanguage === "sv" ? "Nej" : "No" : activatedLanguage === "sv" ? "Ja" : "Yes" }) : /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs11(Fragment12, { children: [
+    /* @__PURE__ */ jsx13("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
+    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ jsx13("dd", { className: "pts-singleCheckbox-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer === "false" ? activatedLanguage === "sv" ? "Nej" : "No" : activatedLanguage === "sv" ? "Ja" : "Yes" }) : /* @__PURE__ */ jsx13(
       "dd",
       {
         className: "pts-singleCheckbox-preview pts-root-answer",
@@ -1027,154 +1160,6 @@ var PreviewSingleCheckbox = ({
   ] });
 };
-// src/components/input-components/DropdownStandard/DropdownStandard.tsx
-import { Fragment as Fragment12, jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
-var CustomDropdownStandard = ({
-  question,
-  handleQuestionInputChange,
-  showPreview = false
-}) => {
-  var _a;
-  const questionId = `question-${question.id}`;
-  const selectId = `select-${question.id}`;
-  const errorId = `error-${question.id}`;
-  const handleInputChange = (event) => {
-    const e = { target: { value: event.target.value } };
-    handleQuestionInputChange(e, question);
-  };
-  return /* @__PURE__ */ jsxs10(Fragment12, { children: [
-    !showPreview && question.visible && /* @__PURE__ */ jsxs10("div", { className: "pts-root-question pts-dropdown-container", id: questionId, children: [
-      /* @__PURE__ */ jsxs10("label", { htmlFor: selectId, children: [
-        question.questionLabel,
-        " ",
-        question.isQuestionMandatory && /* @__PURE__ */ jsx12("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" })
-      ] }),
-      /* @__PURE__ */ jsxs10(
-        "select",
-        {
-          id: selectId,
-          name: `name-${question.id}`,
-          value: question.answer || "",
-          onChange: handleInputChange,
-          "aria-required": question.isQuestionMandatory,
-          "aria-invalid": question.hasValidationError ? question.hasValidationError : void 0,
-          "aria-errormessage": question.hasValidationError ? errorId : void 0,
-          children: [
-            /* @__PURE__ */ jsx12("option", { value: "", children: "V\xE4lj ett alternativ" }),
-            (_a = question.options) == null ? void 0 : _a.map((option, index) => {
-              if (option.value === question.answer) {
-                return /* @__PURE__ */ jsx12("option", { value: option.value, selected: true, children: option.label }, index);
-              } else {
-                return /* @__PURE__ */ jsx12("option", { value: option.value, children: option.label }, index);
-              }
-            })
-          ]
-        }
-      ),
-      question.hasValidationError && /* @__PURE__ */ jsxs10("div", { className: "pts-root-error", id: errorId, children: [
-        /* @__PURE__ */ jsx12("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
-        /* @__PURE__ */ jsx12("span", { className: "sr-only", children: "Valideringsfel" }),
-        /* @__PURE__ */ jsx12("span", { className: "errorText", children: question.validationDefaultMessesege })
-      ] })
-    ] }),
-    showPreview && /* @__PURE__ */ jsx12(PreviewDropdown, { question })
-  ] });
-};
-var DropdownStandard_default = CustomDropdownStandard;
-var PreviewDropdown = ({ question }) => {
-  var _a, _b;
-  const previewId = `preview-${question.id}`;
-  return /* @__PURE__ */ jsxs10(Fragment12, { children: [
-    /* @__PURE__ */ jsx12("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ jsx12("dd", { className: "pts-dropdown-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ jsx12(
-      "dd",
-      {
-        className: "pts-dropdown-preview pts-root-answer no-answer-preview-page",
-        id: `answer-${previewId}`,
-        children: "Inget svar"
-      }
-    )
-  ] });
-};
-// src/components/input-components/MultipleCheckboxesStandard/MultipleCheckboxesStandard.tsx
-import { useEffect as useEffect6, useState as useState6 } from "react";
-import { Fragment as Fragment13, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
-var MultipleCheckboxes = ({
-  question,
-  handleQuestionInputChange,
-  showPreview = false,
-  activatedLanguage = "sv"
-}) => {
-  var _a;
-  const questionId = `question-${question.id}`;
-  const [checkedValues, setCheckedValues] = useState6([]);
-  useEffect6(() => {
-    var _a2;
-    const initialValues = ((_a2 = question.options) == null ? void 0 : _a2.filter((option) => {
-      var _a3;
-      return (_a3 = question.answer) == null ? void 0 : _a3.includes(option.label);
-    }).map((option) => option.label)) || [];
-    console.log("Initial values:", initialValues);
-    setCheckedValues(initialValues);
-  }, [question.answer, question.options]);
-  const handleInputChange = (event, optionValue) => {
-    let updatedValues = [...checkedValues];
-    if (updatedValues.includes(optionValue)) {
-      updatedValues = updatedValues.filter((val) => val !== optionValue);
-    } else {
-      updatedValues.push(optionValue);
-    }
-    setCheckedValues(updatedValues);
-    const e = { target: { value: updatedValues.toString() } };
-    handleQuestionInputChange(e, question);
-  };
-  return /* @__PURE__ */ jsxs11(Fragment13, { children: [
-    !showPreview && question.visible && /* @__PURE__ */ jsx13("div", { id: questionId, className: "pts-root-question pts-multipleCheckboxes-container", children: /* @__PURE__ */ jsxs11("fieldset", { children: [
-      /* @__PURE__ */ jsxs11("legend", { className: "multipleCheckboxes-legend", id: `label-${questionId}`, children: [
-        question.questionLabel,
-        " ",
-        question.isQuestionMandatory && /* @__PURE__ */ jsx13("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" }),
-        " "
-      ] }),
-      /* @__PURE__ */ jsx13("ul", { children: (_a = question.options) == null ? void 0 : _a.map((option, index) => /* @__PURE__ */ jsx13("li", { children: /* @__PURE__ */ jsxs11(Fragment13, { children: [
-        " ",
-        /* @__PURE__ */ jsx13(
-          "input",
-          {
-            type: "checkbox",
-            name: `${question.id}-option`,
-            id: `${question.id}-option-${index}`,
-            value: option.label,
-            checked: checkedValues.includes(option.label),
-            onChange: (e) => handleInputChange(e, option.label),
-            className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0
-          }
-        ),
-        /* @__PURE__ */ jsx13("label", { htmlFor: `${question.id}-option-${index}`, children: option.label })
-      ] }) }, index)) })
-    ] }) }),
-    " ",
-    showPreview && /* @__PURE__ */ jsx13(PrevieMultipleCheckboxes, { activatedLanguage, question })
-  ] });
-};
-var MultipleCheckboxesStandard_default = MultipleCheckboxes;
-var PrevieMultipleCheckboxes = ({
-  question,
-  activatedLanguage
-}) => {
-  var _a, _b;
-  const previewId = `preview-${question.id}`;
-  return /* @__PURE__ */ jsxs11(Fragment13, { children: [
-    /* @__PURE__ */ jsx13("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    question.answer ? question.options && question.options.length === 1 ? /* @__PURE__ */ jsx13("dd", { children: question.options[0].label }) : /* @__PURE__ */ jsx13("dd", { children: /* @__PURE__ */ jsx13("ul", { className: "pts-preview-answer-list", children: (_b = question.options) == null ? void 0 : _b.filter((option) => {
-      var _a2;
-      return (_a2 = question.answer) == null ? void 0 : _a2.includes(option.label);
-    }).map((option, index) => /* @__PURE__ */ jsx13("li", { children: option.label }, index)) }) }) : /* @__PURE__ */ jsx13("dd", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No Answer" : "Inget svar" }),
-    " "
-  ] });
-};
 // src/helpers/hasQuestionValidationError/hasQuestionValidationError.tsx
 import { isValid, parseISO } from "date-fns";
 var hasQuestionValidationError = (question, questions) => {
@@ -1884,14 +1869,14 @@ var useCookieConsent = ({
 };
 // src/components/question-rendering/QuestionRenderer/QuestionRenderer.tsx
-import { Fragment as Fragment14, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var QuestionRenderer = ({
   question,
   handleQuestionInputChange,
   activatedLanguage = "sv",
   showPreview = false
 }) => {
-  return /* @__PURE__ */ jsxs12(Fragment14, { children: [
+  return /* @__PURE__ */ jsxs12(Fragment13, { children: [
     question.questionType === "Radio" && /* @__PURE__ */ jsx14(
       RadioMultipleStandard_default,
       {
@@ -1953,22 +1938,14 @@ var QuestionRenderer = ({
         handleQuestionInputChange,
         showPreview
       }
-    ),
-    question.questionType === "Dropdown" && /* @__PURE__ */ jsx14(
-      DropdownStandard_default,
-      {
-        question,
-        handleQuestionInputChange,
-        showPreview
-      }
     )
   ] });
 };
 var QuestionRenderer_default = QuestionRenderer;
 // src/components/question-rendering/QuestionGroup/QuestionGroup.tsx
-import { useEffect as useEffect11, Fragment as Fragment15 } from "react";
-import { Fragment as Fragment16, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useEffect as useEffect11, Fragment as Fragment14 } from "react";
+import { Fragment as Fragment15, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var QuestionGroup = ({
   questions,
   wrapperElement = "none",
@@ -1978,11 +1955,12 @@ var QuestionGroup = ({
   showPreview = false,
   markQuestionAsDisplayed
 }) => {
-  var _a;
+  var _a, _b, _c;
   if (!questions || questions.length === 0) {
     return null;
   }
   const firstQuestion = questions[0];
+  const errorId = firstQuestion.id + "-error";
   const groupMandatory = (_a = firstQuestion.validationType) == null ? void 0 : _a.find((e) => e.startsWith("groupCheck-"));
   useEffect11(() => {
     questions.forEach((question) => {
@@ -1991,8 +1969,8 @@ var QuestionGroup = ({
       }
     });
   }, [questions]);
-  const groupQuestions = /* @__PURE__ */ jsx15(Fragment16, { children: questions.map((question, index) => {
-    return /* @__PURE__ */ jsx15(Fragment15, { children: /* @__PURE__ */ jsx15(
+  const groupQuestions = /* @__PURE__ */ jsx15(Fragment15, { children: questions.map((question, index) => {
+    return /* @__PURE__ */ jsx15(Fragment14, { children: /* @__PURE__ */ jsx15(
       QuestionRenderer_default,
       {
         question,
@@ -2014,7 +1992,7 @@ var QuestionGroup = ({
           "aria-describedby": firstQuestion.hasValidationError ? `${firstQuestion.id}-error` : void 0,
           children: [
             legendLabel && /* @__PURE__ */ jsxs13("legend", { children: [
-              /* @__PURE__ */ jsxs13("span", { className: "pts-legend", children: [
+              /* @__PURE__ */ jsxs13("span", { children: [
                 legendLabel,
                 groupMandatory && /* @__PURE__ */ jsx15("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" })
               ] }),
@@ -2023,10 +2001,15 @@ var QuestionGroup = ({
                 firstQuestion.validationDefaultMessesege
               ] })
             ] }),
-            firstQuestion.hasValidationError && /* @__PURE__ */ jsxs13("div", { className: "pts-root-error", id: firstQuestion.id + "-error", children: [
-              /* @__PURE__ */ jsx15("span", { "aria-label": "Valideringsfel", className: "errorDot", children: "!" }),
-              /* @__PURE__ */ jsx15("span", { className: "errorText", children: firstQuestion.validationDefaultMessesege })
-            ] }),
+            /* @__PURE__ */ jsx15(
+              ValidationMessage_default,
+              {
+                showValidationSummary: (_b = firstQuestion.hasValidationError) != null ? _b : false,
+                validationId: errorId,
+                validationMessesege: (_c = firstQuestion.validationDefaultMessesege) != null ? _c : "",
+                activatedLanguage: activatedLanguage != null ? activatedLanguage : "sv"
+              }
+            ),
             groupQuestions
           ]
         }
@@ -2037,7 +2020,7 @@ var QuestionGroup = ({
       return /* @__PURE__ */ jsx15("div", { className: "pts-root-question-group-div", children: groupQuestions });
     case "none":
     default:
-      return /* @__PURE__ */ jsx15(Fragment15, { children: groupQuestions });
+      return /* @__PURE__ */ jsx15(Fragment14, { children: groupQuestions });
   }
 };
 var QuestionGroup_default = QuestionGroup;
@@ -2123,86 +2106,89 @@ var CookieBanner_default = CookieBanner;
 // src/components/layout/FooterStandard/FooterStandard.tsx
 import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 var Footer = ({ activatedLanguage = "sv" }) => {
-  return /* @__PURE__ */ jsx17("footer", { className: "pts-footer-container", children: /* @__PURE__ */ jsxs15("div", { className: "pts-footer-content", children: [
-    /* @__PURE__ */ jsxs15(
-      "svg",
-      {
-        "aria-label": activatedLanguage === "en" ? "PTS logotype" : "PTS logotyp",
-        className: "pts-footer-logo",
-        xmlns: "http://www.w3.org/2000/svg",
-        width: "278",
-        height: "72",
-        viewBox: "0 0 278 72",
-        fill: "none",
-        children: [
-          /* @__PURE__ */ jsx17(
-            "path",
-            {
-              d: "M54 43C54 47.2 51.5 51.1 47.6 52.3C45.8 52.8 44 53 41 53H24.5C21.4 53 21 53.5 21 56.5V63C21 65.4 19.5 67 17.5 67C15.5 67 14 65.4 14 63V58.5C14 56.5 14 54.8 14.2 53.9C14.8 50.5 16.8 47.9 20.1 46.7C21.4 46.2 23.6 45.9 27.9 45.9H42C43.2 45.9 44.4 45.8 44.9 45.6C46.4 45 46.9 44 46.9 42.9C46.9 41.8 46.5 40.7 44.9 40.2C44.4 40 43.2 39.9 42 39.9H19.4C18.5 39.9 17.7 39.9 17.3 39.7C15.8 39.2 14.9 37.8 14.9 36.4C14.9 35 15.8 33.6 17.3 33.1C17.8 32.9 18.3 32.9 19.3 32.9H40.9C44 32.9 46.4 33.1 47.9 33.7C51.8 35.2 53.9 38.4 53.9 42.9L54 43ZM95.7 33.3C95.2 33.1 94.4 33 93.3 33H61.6C60.8 33 60.1 33 59.7 33.2C58 33.7 57 35 57 36.5C57 38 57.8 39.2 59.4 39.7C59.9 39.9 60.7 40 61.6 40H74V63.4C74 65.8 75.6 67 77.5 67C79.4 67 81 65.8 81 63.4V40H93.3C94.5 40 95.1 40 95.5 39.8C97.1 39.3 98 38 98 36.5C98 35 97.2 33.8 95.7 33.3ZM133.5 47.4C131.8 46.5 129.6 46 124.1 46H113.5C111.8 46 110.9 45.9 110.3 45.7C108.6 45.1 108 44 108 43C108 42 108.4 40.8 110.2 40.2C110.7 40 111.6 40 112.5 40H132C132.4 40 133.5 40 133.8 40C135.6 39.7 137 38.6 137 36.6C137 34.6 135.6 33.6 133.9 33.2C133.6 33.2 132.9 33.1 132 33.1H113.5C110.2 33.1 107.8 33.5 106.2 34.2C102.9 35.8 101 39.2 101 43.1C101 47 102.8 50.5 106.4 52.1C108 52.8 110.4 53.1 113.5 53.1H127C128.7 53.1 129.6 53.3 130.2 53.5C131.6 54 132 55.4 132 56.6C132 57.8 131.6 59.3 129.9 59.8C129.3 60 128.1 60.1 126.1 60.1H106.5C105.7 60.1 104.9 60.1 104.5 60.3C102.9 60.7 102 62 102 63.6C102 65.2 103 66.2 104.3 66.7C104.8 66.9 105.9 67.1 106.7 67.1H124C127.7 67.1 130.7 66.9 132.5 66.3C136.6 65.1 138.9 61.2 138.9 56.6C138.9 52 136.8 49.2 133.4 47.5L133.5 47.4Z",
-              fill: "white"
-            }
-          ),
-          /* @__PURE__ */ jsx17(
-            "path",
-            {
-              d: "M92.1 15.7L92.5 15C90 11.6 84.1 9.2 78.1 9H76.9C70.9 9.2 65 11.6 62.5 15L62.9 15.7C61.8 15.7 61 16.4 61 17.3L63.3 27C63.5 27.6 63.7 27.9 64.5 27.9H90.5C91.2 27.9 91.5 27.5 91.6 27L93.9 17.3C93.9 16.4 93.1 15.7 92 15.7H92.1ZM69.3 18.8C69.1 18.8 68.8 18.7 68.6 18.7C67.6 18.7 66.9 19.4 66.9 20.3C66.9 21.2 67.6 21.8 68.5 21.8C69.4 21.8 69.3 21.7 69.5 21.4C69.5 22.2 68.6 24 67.4 24H64.9C63.2 24 63 21.7 63 21.5C63.2 21.7 63.7 21.8 64.1 21.8C64.9 21.8 65.6 21.2 65.6 20.3C65.6 19.4 64.9 18.7 63.9 18.7C62.9 18.7 63.5 18.7 63.4 18.7C63.8 18.4 64.2 17.9 64.2 17.3C64.2 16.7 63.9 16.4 63.5 16.1L65.8 15C67.3 12.5 70 10.7 73.3 10C71.5 11.3 70 12.9 68.8 15L69.6 15.7C68.8 15.8 68.2 16.5 68.2 17.3C68.2 18.1 68.6 18.5 69.2 18.8H69.3ZM76.8 18.9C76.6 18.8 76.2 18.7 76 18.7C75 18.7 74.3 19.4 74.3 20.3C74.3 21.2 75 21.8 75.9 21.8C76.8 21.8 76.7 21.7 77 21.5C77 22.3 76.4 24 75 24H72.5C70.9 24 70.5 22 70.5 21.4C70.7 21.6 71.1 21.8 71.6 21.8C72.4 21.8 73.2 21.2 73.2 20.3C73.2 19.4 72.5 18.7 71.5 18.7C70.5 18.7 70.9 18.7 70.8 18.8C71.4 18.5 71.8 18 71.8 17.3C71.8 16.6 71.4 16.1 70.8 15.9L72.6 15C73.1 13.2 74.7 10.6 76.4 9.7C76.2 10.6 76.1 12.5 76.1 15C76.1 15 76.6 15.5 77.1 15.8C76.4 16 75.9 16.6 75.9 17.3C75.9 18 76.3 18.5 76.9 18.8L76.8 18.9ZM82.5 24H80C78.6 24 78 22.3 78 21.5C78.2 21.7 78.6 21.8 79.1 21.8C80 21.8 80.7 21.2 80.7 20.3C80.7 19.4 80 18.7 79 18.7C78 18.7 78.4 18.7 78.2 18.9C78.8 18.7 79.3 18.1 79.3 17.4C79.3 16.7 78.8 16.1 78.1 15.9C78.6 15.6 79.1 15.1 79.1 15.1C79.1 12.6 79 10.7 78.7 9.8C80.5 10.7 82.1 13.2 82.6 15.1L84.4 16C83.9 16.2 83.4 16.8 83.4 17.4C83.4 18 83.8 18.6 84.4 18.9C84.2 18.9 83.9 18.8 83.7 18.8C82.7 18.8 82 19.5 82 20.4C82 21.3 82.7 21.9 83.6 21.9C84.5 21.9 84.4 21.8 84.7 21.5C84.7 22 84.3 24.1 82.7 24.1L82.5 24ZM90 24H87.5C86.2 24 85.4 22.3 85.4 21.4C85.6 21.7 86 21.8 86.5 21.8C87.3 21.8 88 21.2 88 20.3C88 19.4 87.3 18.7 86.3 18.7C85.3 18.7 85.7 18.7 85.6 18.8C86.2 18.5 86.6 18 86.6 17.3C86.6 16.6 86 15.8 85.1 15.7L86 15C84.8 12.9 83.3 11.4 81.5 10C84.7 10.7 87.5 12.4 89 15L91.4 16.1C91 16.4 90.7 16.8 90.7 17.4C90.7 18 91.1 18.6 91.6 18.9C91.5 18.9 91.2 18.8 91 18.8C90 18.8 89.3 19.5 89.3 20.4C89.3 21.3 90 21.9 90.8 21.9C91.6 21.9 91.7 21.8 91.9 21.6C91.9 21.8 91.6 24.1 90 24.1V24ZM77.5 9C76.1 9 75 7.9 75 6.5C75 5.1 75.9 4.3 77 4.1V3H76V2H77V1H78V2H79V3H78V4.1C79.1 4.3 80 5.3 80 6.6C80 7.9 78.9 9.1 77.5 9.1V9Z",
-              fill: "white"
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx17("nav", { className: "pts-footer-linkList", children: /* @__PURE__ */ jsxs15("ul", { children: [
-      /* @__PURE__ */ jsx17("li", { children: /* @__PURE__ */ jsxs15(
-        "a",
-        {
-          href: activatedLanguage === "en" ? "https://pts.se/en/contact/" : "https://www.pts.se/kontakt/",
-          target: "_blank",
-          rel: "noopener noreferrer",
-          children: [
-            /* @__PURE__ */ jsx17("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Contact (opens in new tab)" : "PTS Kontakt (\xF6ppnas i ny flik)" }),
-            /* @__PURE__ */ jsx17("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Contact" : "Kontakt" })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsx17("li", { children: /* @__PURE__ */ jsxs15(
-        "a",
-        {
-          href: activatedLanguage === "en" ? "https://pts.se/en/gdpr" : "https://www.pts.se/gdpr/",
-          target: "_blank",
-          rel: "noopener noreferrer",
-          children: [
-            /* @__PURE__ */ jsx17("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Processing of personal data (opens in new tab)" : "PTS Behandling av personuppgifter (\xF6ppnas i ny flik)" }),
-            /* @__PURE__ */ jsx17("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Processing of personal data" : "Behandling av personuppgifter" })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsx17("li", { children: /* @__PURE__ */ jsxs15(
-        "a",
-        {
-          href: activatedLanguage === "en" ? "https://pts.se/en/accessibility-eservices" : "https://www.pts.se/tillganglighet-etjanster",
-          target: "_blank",
-          rel: "noopener noreferrer",
-          children: [
-            /* @__PURE__ */ jsx17("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Accessibility (opens in new tab)" : "PTS Tillg\xE4nglighetsredog\xF6relse (\xF6ppnas i ny flik)" }),
-            /* @__PURE__ */ jsx17("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Accessibility" : "Tillg\xE4nglighetsredog\xF6relse" })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsx17("li", { children: /* @__PURE__ */ jsxs15(
-        "a",
+  return /* @__PURE__ */ jsxs15("footer", { className: "pts-footer-container", children: [
+    /* @__PURE__ */ jsx17("div", { className: "pts-footer-slogan-text-container", children: /* @__PURE__ */ jsx17("p", { className: "pts-footer-slogan-text", children: activatedLanguage === "sv" ? "S\xE4ker och tillg\xE4nglig kommunikation f\xF6r Sverige" : "Secure and accessible communication for Sweden" }) }),
+    /* @__PURE__ */ jsxs15("div", { className: "pts-footer-content", children: [
+      /* @__PURE__ */ jsxs15(
+        "svg",
         {
-          href: activatedLanguage === "en" ? "https://pts.se/en/cookies-eservices" : "https://www.pts.se/kakor-etjanster",
-          target: "_blank",
-          rel: "noopener noreferrer",
+          "aria-label": activatedLanguage === "en" ? "PTS logotype" : "PTS logotyp",
+          className: "pts-footer-logo",
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "278",
+          height: "72",
+          viewBox: "0 0 278 72",
+          fill: "none",
           children: [
-            /* @__PURE__ */ jsx17("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Cookies (opens in new tab)" : "PTS Kakor (\xF6ppnas i ny flik)" }),
-            /* @__PURE__ */ jsx17("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Cookies" : "Kakor" })
+            /* @__PURE__ */ jsx17(
+              "path",
+              {
+                d: "M54 43C54 47.2 51.5 51.1 47.6 52.3C45.8 52.8 44 53 41 53H24.5C21.4 53 21 53.5 21 56.5V63C21 65.4 19.5 67 17.5 67C15.5 67 14 65.4 14 63V58.5C14 56.5 14 54.8 14.2 53.9C14.8 50.5 16.8 47.9 20.1 46.7C21.4 46.2 23.6 45.9 27.9 45.9H42C43.2 45.9 44.4 45.8 44.9 45.6C46.4 45 46.9 44 46.9 42.9C46.9 41.8 46.5 40.7 44.9 40.2C44.4 40 43.2 39.9 42 39.9H19.4C18.5 39.9 17.7 39.9 17.3 39.7C15.8 39.2 14.9 37.8 14.9 36.4C14.9 35 15.8 33.6 17.3 33.1C17.8 32.9 18.3 32.9 19.3 32.9H40.9C44 32.9 46.4 33.1 47.9 33.7C51.8 35.2 53.9 38.4 53.9 42.9L54 43ZM95.7 33.3C95.2 33.1 94.4 33 93.3 33H61.6C60.8 33 60.1 33 59.7 33.2C58 33.7 57 35 57 36.5C57 38 57.8 39.2 59.4 39.7C59.9 39.9 60.7 40 61.6 40H74V63.4C74 65.8 75.6 67 77.5 67C79.4 67 81 65.8 81 63.4V40H93.3C94.5 40 95.1 40 95.5 39.8C97.1 39.3 98 38 98 36.5C98 35 97.2 33.8 95.7 33.3ZM133.5 47.4C131.8 46.5 129.6 46 124.1 46H113.5C111.8 46 110.9 45.9 110.3 45.7C108.6 45.1 108 44 108 43C108 42 108.4 40.8 110.2 40.2C110.7 40 111.6 40 112.5 40H132C132.4 40 133.5 40 133.8 40C135.6 39.7 137 38.6 137 36.6C137 34.6 135.6 33.6 133.9 33.2C133.6 33.2 132.9 33.1 132 33.1H113.5C110.2 33.1 107.8 33.5 106.2 34.2C102.9 35.8 101 39.2 101 43.1C101 47 102.8 50.5 106.4 52.1C108 52.8 110.4 53.1 113.5 53.1H127C128.7 53.1 129.6 53.3 130.2 53.5C131.6 54 132 55.4 132 56.6C132 57.8 131.6 59.3 129.9 59.8C129.3 60 128.1 60.1 126.1 60.1H106.5C105.7 60.1 104.9 60.1 104.5 60.3C102.9 60.7 102 62 102 63.6C102 65.2 103 66.2 104.3 66.7C104.8 66.9 105.9 67.1 106.7 67.1H124C127.7 67.1 130.7 66.9 132.5 66.3C136.6 65.1 138.9 61.2 138.9 56.6C138.9 52 136.8 49.2 133.4 47.5L133.5 47.4Z",
+                fill: "white"
+              }
+            ),
+            /* @__PURE__ */ jsx17(
+              "path",
+              {
+                d: "M92.1 15.7L92.5 15C90 11.6 84.1 9.2 78.1 9H76.9C70.9 9.2 65 11.6 62.5 15L62.9 15.7C61.8 15.7 61 16.4 61 17.3L63.3 27C63.5 27.6 63.7 27.9 64.5 27.9H90.5C91.2 27.9 91.5 27.5 91.6 27L93.9 17.3C93.9 16.4 93.1 15.7 92 15.7H92.1ZM69.3 18.8C69.1 18.8 68.8 18.7 68.6 18.7C67.6 18.7 66.9 19.4 66.9 20.3C66.9 21.2 67.6 21.8 68.5 21.8C69.4 21.8 69.3 21.7 69.5 21.4C69.5 22.2 68.6 24 67.4 24H64.9C63.2 24 63 21.7 63 21.5C63.2 21.7 63.7 21.8 64.1 21.8C64.9 21.8 65.6 21.2 65.6 20.3C65.6 19.4 64.9 18.7 63.9 18.7C62.9 18.7 63.5 18.7 63.4 18.7C63.8 18.4 64.2 17.9 64.2 17.3C64.2 16.7 63.9 16.4 63.5 16.1L65.8 15C67.3 12.5 70 10.7 73.3 10C71.5 11.3 70 12.9 68.8 15L69.6 15.7C68.8 15.8 68.2 16.5 68.2 17.3C68.2 18.1 68.6 18.5 69.2 18.8H69.3ZM76.8 18.9C76.6 18.8 76.2 18.7 76 18.7C75 18.7 74.3 19.4 74.3 20.3C74.3 21.2 75 21.8 75.9 21.8C76.8 21.8 76.7 21.7 77 21.5C77 22.3 76.4 24 75 24H72.5C70.9 24 70.5 22 70.5 21.4C70.7 21.6 71.1 21.8 71.6 21.8C72.4 21.8 73.2 21.2 73.2 20.3C73.2 19.4 72.5 18.7 71.5 18.7C70.5 18.7 70.9 18.7 70.8 18.8C71.4 18.5 71.8 18 71.8 17.3C71.8 16.6 71.4 16.1 70.8 15.9L72.6 15C73.1 13.2 74.7 10.6 76.4 9.7C76.2 10.6 76.1 12.5 76.1 15C76.1 15 76.6 15.5 77.1 15.8C76.4 16 75.9 16.6 75.9 17.3C75.9 18 76.3 18.5 76.9 18.8L76.8 18.9ZM82.5 24H80C78.6 24 78 22.3 78 21.5C78.2 21.7 78.6 21.8 79.1 21.8C80 21.8 80.7 21.2 80.7 20.3C80.7 19.4 80 18.7 79 18.7C78 18.7 78.4 18.7 78.2 18.9C78.8 18.7 79.3 18.1 79.3 17.4C79.3 16.7 78.8 16.1 78.1 15.9C78.6 15.6 79.1 15.1 79.1 15.1C79.1 12.6 79 10.7 78.7 9.8C80.5 10.7 82.1 13.2 82.6 15.1L84.4 16C83.9 16.2 83.4 16.8 83.4 17.4C83.4 18 83.8 18.6 84.4 18.9C84.2 18.9 83.9 18.8 83.7 18.8C82.7 18.8 82 19.5 82 20.4C82 21.3 82.7 21.9 83.6 21.9C84.5 21.9 84.4 21.8 84.7 21.5C84.7 22 84.3 24.1 82.7 24.1L82.5 24ZM90 24H87.5C86.2 24 85.4 22.3 85.4 21.4C85.6 21.7 86 21.8 86.5 21.8C87.3 21.8 88 21.2 88 20.3C88 19.4 87.3 18.7 86.3 18.7C85.3 18.7 85.7 18.7 85.6 18.8C86.2 18.5 86.6 18 86.6 17.3C86.6 16.6 86 15.8 85.1 15.7L86 15C84.8 12.9 83.3 11.4 81.5 10C84.7 10.7 87.5 12.4 89 15L91.4 16.1C91 16.4 90.7 16.8 90.7 17.4C90.7 18 91.1 18.6 91.6 18.9C91.5 18.9 91.2 18.8 91 18.8C90 18.8 89.3 19.5 89.3 20.4C89.3 21.3 90 21.9 90.8 21.9C91.6 21.9 91.7 21.8 91.9 21.6C91.9 21.8 91.6 24.1 90 24.1V24ZM77.5 9C76.1 9 75 7.9 75 6.5C75 5.1 75.9 4.3 77 4.1V3H76V2H77V1H78V2H79V3H78V4.1C79.1 4.3 80 5.3 80 6.6C80 7.9 78.9 9.1 77.5 9.1V9Z",
+                fill: "white"
+              }
+            )
           ]
         }
-      ) })
-    ] }) })
-  ] }) });
+      ),
+      /* @__PURE__ */ jsx17("nav", { className: "pts-footer-linkList", children: /* @__PURE__ */ jsxs15("ul", { children: [
+        /* @__PURE__ */ jsx17("li", { children: /* @__PURE__ */ jsxs15(
+          "a",
+          {
+            href: activatedLanguage === "en" ? "https://pts.se/en/contact/" : "https://www.pts.se/kontakt/",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: [
+              /* @__PURE__ */ jsx17("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Contact (opens in new tab)" : "PTS Kontakt (\xF6ppnas i ny flik)" }),
+              /* @__PURE__ */ jsx17("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Contact" : "Kontakt" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx17("li", { children: /* @__PURE__ */ jsxs15(
+          "a",
+          {
+            href: activatedLanguage === "en" ? "https://pts.se/en/gdpr" : "https://www.pts.se/gdpr/",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: [
+              /* @__PURE__ */ jsx17("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Processing of personal data (opens in new tab)" : "PTS Behandling av personuppgifter (\xF6ppnas i ny flik)" }),
+              /* @__PURE__ */ jsx17("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Processing of personal data" : "Behandling av personuppgifter" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx17("li", { children: /* @__PURE__ */ jsxs15(
+          "a",
+          {
+            href: activatedLanguage === "en" ? "https://pts.se/en/accessibility-eservices" : "https://www.pts.se/tillganglighet-etjanster",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: [
+              /* @__PURE__ */ jsx17("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Accessibility (opens in new tab)" : "PTS Tillg\xE4nglighetsredog\xF6relse (\xF6ppnas i ny flik)" }),
+              /* @__PURE__ */ jsx17("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Accessibility" : "Tillg\xE4nglighetsredog\xF6relse" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx17("li", { children: /* @__PURE__ */ jsxs15(
+          "a",
+          {
+            href: activatedLanguage === "en" ? "https://pts.se/en/cookies-eservices" : "https://www.pts.se/kakor-etjanster",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: [
+              /* @__PURE__ */ jsx17("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Cookies (opens in new tab)" : "PTS Kakor (\xF6ppnas i ny flik)" }),
+              /* @__PURE__ */ jsx17("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Cookies" : "Kakor" })
+            ]
+          }
+        ) })
+      ] }) })
+    ] })
+  ] });
 };
 var FooterStandard_default = Footer;
@@ -2603,7 +2589,7 @@ var Header = ({
     if (activatedLanguage === "sv") return "English";
     else return "Svenska";
   };
-  return /* @__PURE__ */ jsxs17("header", { className: "pts-header-container", children: [
+  return /* @__PURE__ */ jsx19("header", { className: "pts-header-container", children: /* @__PURE__ */ jsxs17("div", { className: "pts-header-content", children: [
     /* @__PURE__ */ jsx19("div", { className: "pts-header-logo-container", children: /* @__PURE__ */ jsx19(
       "a",
       {
@@ -2614,7 +2600,7 @@ var Header = ({
         children: activatedLanguage === "en" ? /* @__PURE__ */ jsx19("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx19(Logo_en, {}) }) : /* @__PURE__ */ jsx19("span", { "aria-hidden": "true", children: /* @__PURE__ */ jsx19(Logo_sv, {}) })
       }
     ) }),
-    useLanguage && /* @__PURE__ */ jsxs17(
+    /* @__PURE__ */ jsx19("div", { className: "pts-header-navigation-container", children: useLanguage && /* @__PURE__ */ jsxs17(
       "button",
       {
         lang: activatedLanguage === "en" ? "en" : "sv",
@@ -2627,8 +2613,8 @@ var Header = ({
           activatedLanguage === "sv" && /* @__PURE__ */ jsx19("span", { className: "sr-only", children: "Change language to English" })
         ]
       }
-    )
-  ] });
+    ) })
+  ] }) });
 };
 var HeaderStandard_default = Header;
@@ -2880,13 +2866,13 @@ var TextBody = ({ data }) => {
 var TextBody_default = TextBody;
 // src/components/stepper/EditPreviewLinkStandard/EditPreviewLinkStandard.tsx
-import { jsx as jsx25, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var EditPreviewLink = ({
   step,
   changeStepHandler,
   activatedLanguage = "sv"
 }) => {
-  return /* @__PURE__ */ jsx25("div", { className: "pts-editPreviewLink-container", children: /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsx25("div", { className: "pts-editPreviewLink-container", children: /* @__PURE__ */ jsx25(
     "a",
     {
       href: "#",
@@ -2895,30 +2881,7 @@ var EditPreviewLink = ({
         e.preventDefault();
         changeStepHandler(step.step);
       },
-      children: [
-        /* @__PURE__ */ jsx25(
-          "svg",
-          {
-            "aria-hidden": "true",
-            focusable: "false",
-            xmlns: "http://www.w3.org/2000/svg",
-            width: "16",
-            height: "16",
-            viewBox: "0 0 16 16",
-            fill: "none",
-            children: /* @__PURE__ */ jsx25(
-              "path",
-              {
-                d: "M10.0001 3.99996L12.0001 5.99996M8.66675 13.3333H14.0001M3.33341 10.6666L2.66675 13.3333L5.33341 12.6666L13.0574 4.94263C13.3074 4.69259 13.4478 4.35351 13.4478 3.99996C13.4478 3.64641 13.3074 3.30733 13.0574 3.05729L12.9427 2.94263C12.6927 2.69267 12.3536 2.55225 12.0001 2.55225C11.6465 2.55225 11.3075 2.69267 11.0574 2.94263L3.33341 10.6666Z",
-                stroke: "#6E3282",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx25("span", { className: "pts-edit-step-text", children: activatedLanguage === "en" ? `Edit step ${step.step}` : `Redigera steg ${step.step}` })
-      ]
+      children: /* @__PURE__ */ jsx25("span", { className: "pts-edit-step-text", children: activatedLanguage === "en" ? `Edit step ${step.step}` : `Redigera steg ${step.step}` })
     }
   ) });
 };
@@ -2944,7 +2907,7 @@ var StartApplicationButton = ({
 var StartApplicationButton_default = StartApplicationButton;
 // src/components/stepper/StepperButtonsStandard/StepperButtonsStandard.tsx
-import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
 var StepperButtons = ({
   globalLanguageState,
   changeStepHandler,
@@ -2954,7 +2917,7 @@ var StepperButtons = ({
   activeStep
 }) => {
   const totalSteps = steps ? steps.length : "";
-  return /* @__PURE__ */ jsxs22("div", { className: "pts-stepperButtons-container", children: [
+  return /* @__PURE__ */ jsxs21("div", { className: "pts-stepperButtons-container", children: [
     activeStep !== 0 && /* @__PURE__ */ jsx27(
       "button",
       {
@@ -2964,7 +2927,7 @@ var StepperButtons = ({
         children: globalLanguageState ? globalLanguageState.backButton : "<<"
       }
     ),
-    /* @__PURE__ */ jsxs22(
+    /* @__PURE__ */ jsxs21(
       "button",
       {
         type: activeStep === totalSteps ? "submit" : "button",
@@ -2982,14 +2945,14 @@ var StepperButtonsStandard_default = StepperButtons;
 // src/components/stepper/StepperStandard/StepperStandard.tsx
 import React9 from "react";
-import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
 var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
   return /* @__PURE__ */ jsx28("div", { className: "pts-stepper-container", "aria-hidden": "true", children: arraySteps.map((step, index) => {
     const isActive = step.step === activeStep;
     const lastElement = arraySteps.length;
     const isDone = step.step < activeStep;
-    return /* @__PURE__ */ jsxs23(React9.Fragment, { children: [
-      /* @__PURE__ */ jsxs23("div", { className: "pts-stepper-step", children: [
+    return /* @__PURE__ */ jsxs22(React9.Fragment, { children: [
+      /* @__PURE__ */ jsxs22("div", { className: "pts-stepper-step", children: [
         /* @__PURE__ */ jsx28(
           "div",
           {
@@ -3024,7 +2987,7 @@ var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
 var StepperStandard_default = Stepper;
 // src/components/validation-and-status/ValidationErrorSummaryList/ValidationErrorSummaryList.tsx
-import { Fragment as Fragment17, jsx as jsx29, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
 var ValidationErrorSummaryList = ({
   validationErrorsList,
   questions,
@@ -3054,14 +3017,14 @@ var ValidationErrorSummaryList = ({
     if (container) {
       container.scrollIntoView({ behavior: "smooth", block: "center" });
       setTimeout(() => {
-        const input = container.querySelector("input, textarea, select");
+        const input = container.querySelector("input, textarea, select, button");
         if (input) {
           input.focus();
         }
       }, 300);
     }
   }
-  if (!validationErrorsList.length) return /* @__PURE__ */ jsx29(Fragment17, {});
+  if (!validationErrorsList.length) return /* @__PURE__ */ jsx29(Fragment16, {});
   const filteredIds = filterIdsByGroupCheck(validationErrorsList, questions);
   const count = filteredIds.length;
   const title = summaryText.replace("{count}", count.toString()).replace(
@@ -3073,9 +3036,9 @@ var ValidationErrorSummaryList = ({
     const found = questions.find((item) => item.id === id);
     return (_a = found == null ? void 0 : found.validationSummaryLabel) != null ? _a : found == null ? void 0 : found.questionLabel;
   }
-  return /* @__PURE__ */ jsxs24("div", { className: `pts-errorSummary-container pts-root-error ${validationErrorsList.length === 0 ? "cleanPadding" : ""}`, children: [
+  return /* @__PURE__ */ jsxs23("div", { className: `pts-errorSummary-container pts-root-error ${validationErrorsList.length === 0 ? "cleanPadding" : ""}`, children: [
     /* @__PURE__ */ jsx29("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
-    /* @__PURE__ */ jsxs24("div", { className: "errorSummary-content", id: "pts-errorSummary-content", children: [
+    /* @__PURE__ */ jsxs23("div", { className: "errorSummary-content", id: "pts-errorSummary-content", children: [
       /* @__PURE__ */ jsx29("h2", { id: "errorSummary-headline", children: title }),
       /* @__PURE__ */ jsx29("ul", { id: "errorSummary-ul", children: filteredIds.map((questionId, i) => /* @__PURE__ */ jsx29("li", { children: /* @__PURE__ */ jsx29(
         "a",
@@ -3095,10 +3058,10 @@ var ValidationErrorSummaryList = ({
 var ValidationErrorSummaryList_default = ValidationErrorSummaryList;
 // src/components/validation-and-status/FormStatusMessagesScreenReader/FormStatusMessagesScreenReader.tsx
-import { Fragment as Fragment18, jsx as jsx30, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
 var FormStatusMessagesScreenReader = ({ formStatus }) => {
-  return /* @__PURE__ */ jsxs25(Fragment18, { children: [
-    /* @__PURE__ */ jsx30("p", { "aria-live": "assertive", children: formStatus === "failed" && /* @__PURE__ */ jsx30("span", { className: "mandatoryAsterisk", children: "N\xE5got gick fel, f\xF6rs\xF6k igen senare eller kontakta oss!" }) }),
+  return /* @__PURE__ */ jsxs24(Fragment17, { children: [
+    /* @__PURE__ */ jsx30("p", { "aria-live": "assertive", children: formStatus === "failed" && /* @__PURE__ */ jsx30("span", { className: "pts-root-mandatoryAsterisk", children: "N\xE5got gick fel, f\xF6rs\xF6k igen senare eller kontakta oss!" }) }),
     /* @__PURE__ */ jsx30("div", { "aria-live": "polite", className: "visually-hidden", children: formStatus === "loading" ? "Ditt \xE4rende registreras. Uppdatera eller st\xE4ng inte sidan." : "" })
   ] });
 };
@@ -3107,7 +3070,6 @@ export {
   AddFilesStandard_default as AddFilesStandard,
   CheckboxGroupStandard_default as CheckboxGroupStandard,
   CookieBanner_default as CookieBanner,
-  DropdownStandard_default as DropdownStandard,
   EditPreviewLinkStandard_default as EditPreviewLinkStandard,
   FooterStandard_default as FooterStandard,
   FormStatusMessagesScreenReader_default as FormStatusMessagesScreenReader,