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

package/dist/index.js

@@ -33,7 +33,6 @@ __export(index_exports, {
   AddFilesStandard: () => AddFilesStandard_default,
   CheckboxGroupStandard: () => CheckboxGroupStandard_default,
   CookieBanner: () => CookieBanner_default,
-  DropdownStandard: () => DropdownStandard_default,
   EditPreviewLinkStandard: () => EditPreviewLinkStandard_default,
   FooterStandard: () => FooterStandard_default,
   FormStatusMessagesScreenReader: () => FormStatusMessagesScreenReader_default,
@@ -81,14 +80,32 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/components/input-components/RadioMultipleStandard/RadioMultipleStandard.tsx
+// src/components/layout/ValidationMessage/ValidationMessage.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
+var ValidationSummary = ({
+  validationMessesege,
+  validationId,
+  activatedLanguage = "sv",
+  showValidationSummary = false,
+  extraCssClass = ""
+}) => {
+  return showValidationSummary && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `pts-root-error ${extraCssClass}`, id: validationId, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: activatedLanguage === "sv" ? "Valideringsfel" : "Validation error" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "errorText", children: validationMessesege })
+  ] });
+};
+var ValidationMessage_default = ValidationSummary;
+
+// src/components/input-components/RadioMultipleStandard/RadioMultipleStandard.tsx
+var import_jsx_runtime2 = require("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}`;
@@ -96,21 +113,22 @@ var InputRadio = ({
     const e = { target: { value: event.target.value } };
     handleQuestionInputChange(e, question);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    !showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "pts-root-question pts-radioMultiple-container", id: questionId, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  console.log("question", question);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    !showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "pts-root-question pts-radioMultiple-container", id: questionId, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
       "fieldset",
       {
         "aria-required": question.isQuestionMandatory,
         "aria-invalid": question.hasValidationError ? question.hasValidationError : void 0,
         "aria-errormessage": question.hasValidationError ? errorId : void 0,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("legend", { id: `label-${groupId}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("legend", { id: `label-${groupId}`, children: [
             question.questionLabel,
             " ",
-            question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" })
+            question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" })
           ] }),
-          (_a = question.options) == null ? void 0 : _a.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "pts-radio-option", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          (_a = question.options) == null ? void 0 : _a.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "pts-radio-option", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               "input",
               {
                 type: "radio",
@@ -121,27 +139,31 @@ var InputRadio = ({
                 onChange: handleInputChange
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: `${groupId}-option-${index}`, children: option.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { htmlFor: `${groupId}-option-${index}`, children: option.label }),
             " "
           ] }, index)),
-          question.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "pts-root-error", id: errorId, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: "Valideringsfel" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "errorText", children: question.validationDefaultMessesege })
-          ] })
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            ValidationMessage_default,
+            {
+              showValidationSummary: (_b = question.hasValidationError) != null ? _b : false,
+              validationId: errorId,
+              validationMessesege: (_c = question.validationDefaultMessesege) != null ? _c : "",
+              activatedLanguage
+            }
+          )
         ]
       }
     ) }),
-    showPreview && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PreviewRadio, { question })
+    showPreview && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PreviewRadio, { question })
   ] });
 };
 var RadioMultipleStandard_default = InputRadio;
 var PreviewRadio = ({ question }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { className: "pts-radioMultiple-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
+    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("dd", { className: "pts-radioMultiple-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       "dd",
       {
         className: "pts-radioMultiple-preview pts-root-answer no-answer-preview-page",
@@ -152,10 +174,10 @@ var PreviewRadio = ({ question }) => {
   ] });
 };
 
-// src/components/input-components/CheckboxGroupStandard/CheckboxGroupStandard.tsx
+// src/components/input-components/MultipleCheckboxesStandard/MultipleCheckboxesStandard.tsx
 var import_react = require("react");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var CheckboxGroup = ({
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var MultipleCheckboxes = ({
   question,
   handleQuestionInputChange,
   showPreview = false,
@@ -163,8 +185,6 @@ var CheckboxGroup = ({
 }) => {
   var _a;
   const questionId = `question-${question.id}`;
-  const errorId = `error-${question.id}`;
-  const groupId = `checkbox-group-${question.id}`;
   const [checkedValues, setCheckedValues] = (0, import_react.useState)([]);
   (0, import_react.useEffect)(() => {
     var _a2;
@@ -172,6 +192,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) => {
@@ -185,21 +206,100 @@ var CheckboxGroup = ({
     const e = { target: { value: updatedValues.toString() } };
     handleQuestionInputChange(e, question);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    !showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { id: questionId, className: "pts-root-question pts-checkboxGroup-container", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    !showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { id: questionId, className: "pts-root-question pts-multipleCheckboxes-container", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("fieldset", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("legend", { className: "multipleCheckboxes-legend", id: `label-${questionId}`, children: [
+        question.questionLabel,
+        " ",
+        question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" }),
+        " "
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { children: (_a = question.options) == null ? void 0 : _a.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "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__ */ (0, import_jsx_runtime3.jsx)("label", { htmlFor: `${question.id}-option-${index}`, children: option.label })
+      ] }) }, index)) })
+    ] }) }),
+    " ",
+    showPreview && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PrevieMultipleCheckboxes, { activatedLanguage, question })
+  ] });
+};
+var MultipleCheckboxesStandard_default = MultipleCheckboxes;
+var PrevieMultipleCheckboxes = ({
+  question,
+  activatedLanguage
+}) => {
+  var _a, _b;
+  const previewId = `preview-${question.id}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
+    question.answer ? question.options && question.options.length === 1 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { children: question.options[0].label }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)("li", { children: option.label }, index)) }) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No Answer" : "Inget svar" }),
+    " "
+  ] });
+};
+
+// src/components/input-components/CheckboxGroupStandard/CheckboxGroupStandard.tsx
+var import_react2 = require("react");
+var import_jsx_runtime4 = require("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] = (0, import_react2.useState)([]);
+  (0, import_react2.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    !showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { id: questionId, className: "pts-root-question pts-checkboxGroup-container", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
       "fieldset",
       {
         "aria-required": question.isQuestionMandatory,
         "aria-invalid": question.hasValidationError ? question.hasValidationError : void 0,
         "aria-errormessage": question.hasValidationError ? errorId : void 0,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("legend", { className: "pts-checkboxGroup-legend", id: `label-${groupId}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("legend", { className: "pts-checkboxGroup-legend", id: `label-${groupId}`, children: [
             question.questionLabel,
             " ",
-            question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" })
+            question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" })
           ] }),
-          (_a = question.options) == null ? void 0 : _a.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "pts-checkboxGroup-options", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          (_a = question.options) == null ? void 0 : _a.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "pts-checkboxGroup-options", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
               "input",
               {
                 type: "checkbox",
@@ -211,17 +311,21 @@ var CheckboxGroup = ({
                 className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { htmlFor: `${groupId}-option-${index}`, children: option.label })
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("label", { htmlFor: `${groupId}-option-${index}`, children: option.label })
           ] }, index)),
-          question.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "pts-root-error", id: errorId, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "sr-only", children: "Valideringsfel" }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "errorText", children: question.validationDefaultMessesege })
-          ] })
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            ValidationMessage_default,
+            {
+              showValidationSummary: (_b = question.hasValidationError) != null ? _b : false,
+              validationId: errorId,
+              validationMessesege: (_c = question.validationDefaultMessesege) != null ? _c : "",
+              activatedLanguage
+            }
+          )
         ]
       }
     ) }),
-    showPreview && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PreviewCheckboxGroup, { activatedLanguage, question })
+    showPreview && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PreviewCheckboxGroup, { activatedLanguage, question })
   ] });
 };
 var CheckboxGroupStandard_default = CheckboxGroup;
@@ -231,44 +335,44 @@ var PreviewCheckboxGroup = ({
 }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    question.answer ? question.options && question.options.length === 1 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("dd", { children: question.options[0].label }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { className: "pts-preview-answer-list", children: (_b = question.options) == null ? void 0 : _b.filter((option) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
+    question.answer ? question.options && question.options.length === 1 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", { children: question.options[0].label }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime2.jsx)("li", { children: option.label }, index)) }) }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("dd", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No Answer" : "Inget svar" }),
+    }).map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: option.label }, index)) }) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No Answer" : "Inget svar" }),
     " "
   ] });
 };
 
 // src/components/input-components/TextAreaStandard/TextAreaStandard.tsx
 var import_dompurify = __toESM(require("dompurify"));
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("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__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    !showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    !showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       "div",
       {
         id: questionId,
         className: `pts-root-question pts-textArea-container${question.aboutText ? " pts-question-hasAbout" : ""}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { htmlFor: inputId, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { htmlFor: inputId, children: [
             question.questionLabel,
             " ",
-            question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "pts-root-mandatoryAsterisk", "aria-hidden": "true", children: "*" })
+            question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "pts-root-mandatoryAsterisk", "aria-hidden": "true", children: "*" })
           ] }),
-          question.aboutText && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          question.aboutText && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "div",
             {
               id: aboutId,
@@ -278,7 +382,7 @@ var InputTextarea = ({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "textarea",
             {
               className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0,
@@ -292,20 +396,25 @@ var InputTextarea = ({
               id: inputId
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "pts-textarea-counter-error-container", children: [
-            question.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "pts-root-error", id: errorId, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { "aria-label": "Felmeddelande.", className: "errorDot", children: "!" }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "errorText", children: question.validationDefaultMessesege })
-            ] }),
-            !((_b = question.questionExtraAttribute) == null ? void 0 : _b.hideTextCounter) && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "pts-textarea-counter-error-container", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              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__ */ (0, import_jsx_runtime5.jsxs)(
               "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"
                 ]
               }
@@ -314,7 +423,7 @@ var InputTextarea = ({
         ]
       }
     ),
-    showPreview && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PreviewTextarea, { activatedLanguage, question })
+    showPreview && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PreviewTextarea, { activatedLanguage, question })
   ] });
 };
 var TextAreaStandard_default = InputTextarea;
@@ -324,9 +433,9 @@ var PreviewTextarea = ({
 }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("dd", { className: "pts-textArea-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
+    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("dd", { className: "pts-textArea-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "dd",
       {
         className: "pts-textArea-preview pts-root-answer no-answer-preview-page",
@@ -339,32 +448,32 @@ var PreviewTextarea = ({
 
 // src/components/input-components/TextFieldStandard/TextFieldStandard.tsx
 var import_dompurify2 = __toESM(require("dompurify"));
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("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__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    !showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    !showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
       "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__ */ (0, import_jsx_runtime4.jsxs)("label", { htmlFor: inputId, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { htmlFor: inputId, children: [
             question.questionLabel,
             " ",
-            question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-hidden": "true", className: "pts-root-mandatoryAsterisk", children: "*" })
+            question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "aria-hidden": "true", className: "pts-root-mandatoryAsterisk", children: "*" })
           ] }),
-          question.aboutText && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          question.aboutText && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "div",
             {
               id: aboutId,
@@ -374,7 +483,7 @@ var TextFieldStandard = ({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "input",
             {
               type: (_c = (_b = question.questionExtraAttribute) == null ? void 0 : _b.inputType) != null ? _c : "text",
@@ -396,15 +505,24 @@ var TextFieldStandard = ({
               autoCapitalize: (_m = (_l = question.questionExtraAttribute) == null ? void 0 : _l.autoCapitalize) != null ? _m : void 0
             }
           ),
-          question.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "pts-root-error", id: errorId, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "sr-only", children: "Valideringsfel" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "errorText", children: question.validationDefaultMessesege })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            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__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "pts-root-error", id: errorId, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "sr-only", children: "Valideringsfel" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "errorText", children: question.validationDefaultMessesege })
           ] })
         ]
       }
     ),
-    showPreview && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PreviewTextField, { activatedLanguage, question })
+    showPreview && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PreviewTextField, { activatedLanguage, question })
   ] });
 };
 var TextFieldStandard_default = TextFieldStandard;
@@ -414,9 +532,9 @@ var PreviewTextField = ({
 }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("dd", { className: "pts-textField-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
+    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("dd", { className: "pts-textField-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "dd",
       {
         className: "pts-textField-preview pts-root-answer no-answer-preview-page",
@@ -428,12 +546,12 @@ var PreviewTextField = ({
 };
 
 // src/components/input-components/AddFilesStandard/AddFilesStandard.tsx
-var import_react6 = require("react");
+var import_react7 = require("react");
 var import_clsx3 = __toESM(require("clsx"));
 
 // src/components/input-components/AddFilesStandard/DropFilesStandard.tsx
 var import_react_dropzone = require("react-dropzone");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h\xE4r", language }) => {
   const onDrop = FilesSelected;
   const { getRootProps, getInputProps, isDragActive } = (0, import_react_dropzone.useDropzone)({ onDrop, noKeyboard: true });
@@ -441,10 +559,10 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
     event.preventDefault();
     event.stopPropagation();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "DropZoneContainer", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "DropZone", ...getRootProps(), onClick: handleFileExplorer, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { htmlFor: "fileDropInput", hidden: true, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "DropZoneContainer", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "DropZone", ...getRootProps(), onClick: handleFileExplorer, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { htmlFor: "fileDropInput", hidden: true, children: [
       "Dra och sl\xE4pp filer h\xE4r omr\xE5de",
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         "input",
         {
           ...getInputProps({
@@ -455,8 +573,8 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
         }
       )
     ] }),
-    isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("b", { className: "dropFilesNowText", children: language === "sv" ? "Sl\xE4pp filerna, nu ...!" : "Drop files here!" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "DropZone-label-container", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("b", { className: "dropFilesNowText", children: language === "sv" ? "Sl\xE4pp filerna, nu ...!" : "Drop files here!" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "DropZone-label-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -464,7 +582,7 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
           height: "2.4rem",
           viewBox: "0 0 7 15",
           fill: "#fff",
-          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             "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",
@@ -473,26 +591,26 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "dropFilesText", children: DropFilesText })
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "dropFilesText", children: DropFilesText })
     ] })
   ] }) }) });
 };
 var DropFilesStandard_default = DropFiles;
 
 // src/components/input-components/AddFilesStandard/ExploreFilesStandard.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_clsx = __toESM(require("clsx"));
 
 // src/components/input-components/AddFilesStandard/ScreenReaderErrors.tsx
-var import_react2 = __toESM(require("react"));
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_react3 = __toESM(require("react"));
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var ScreenReaderErrors = ({
   errorMessageAddingFile,
   activatedLanguage
 }) => {
-  const [activateErrorMessagesForScreenReader, setActivateErrorMessagesForScreenReader] = import_react2.default.useState(false);
-  const [errorMessagesForScreenReader, setErrorMessagesForScreenReader] = import_react2.default.useState("");
-  import_react2.default.useEffect(() => {
+  const [activateErrorMessagesForScreenReader, setActivateErrorMessagesForScreenReader] = import_react3.default.useState(false);
+  const [errorMessagesForScreenReader, setErrorMessagesForScreenReader] = import_react3.default.useState("");
+  import_react3.default.useEffect(() => {
     if (errorMessageAddingFile.length > 0) {
       let errorMessages = "";
       errorMessages += errorMessageAddingFile.length;
@@ -504,12 +622,12 @@ var ScreenReaderErrors = ({
       setActivateErrorMessagesForScreenReader(true);
     }
   }, [errorMessageAddingFile]);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: activateErrorMessagesForScreenReader && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { role: "alert", className: "sr-only", "aria-atomic": "true", children: errorMessagesForScreenReader }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: activateErrorMessagesForScreenReader && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { role: "alert", className: "sr-only", "aria-atomic": "true", children: errorMessagesForScreenReader }) });
 };
 var ScreenReaderErrors_default = ScreenReaderErrors;
 
 // src/components/input-components/AddFilesStandard/ExploreFilesStandard.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var ExploreFiles = ({
   FilesSelected,
   numberOfFiles,
@@ -523,8 +641,8 @@ var ExploreFiles = ({
   showErrors,
   errorMessageAddingFile
 }) => {
-  const fileInputRef = (0, import_react3.useRef)(null);
-  const buttonInputRef = (0, import_react3.useRef)(null);
+  const fileInputRef = (0, import_react4.useRef)(null);
+  const buttonInputRef = (0, import_react4.useRef)(null);
   const handleFiles = (event) => {
     const files = Array.from(event.target.files || []);
     FilesSelected(files);
@@ -536,8 +654,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__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "inputContainer", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "inputContainer", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
       "div",
       {
         className: (0, import_clsx.default)(
@@ -547,7 +665,7 @@ var ExploreFiles = ({
         ),
         id: labelId,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             "button",
             {
               ref: buttonInputRef,
@@ -562,12 +680,12 @@ var ExploreFiles = ({
               children: activatedLanguage === "sv" ? "V\xE4lj fil" : "Choose file"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-hidden": true, className: "filePickText", children: addFilesInfoText }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("label", { htmlFor: inputId, "aria-hidden": true, className: "invisible" })
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { "aria-hidden": true, className: "filePickText", children: addFilesInfoText }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { htmlFor: inputId, "aria-hidden": true, className: "invisible" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "input",
       {
         "aria-hidden": true,
@@ -580,7 +698,7 @@ var ExploreFiles = ({
         id: inputId
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       ScreenReaderErrors_default,
       {
         errorMessageAddingFile,
@@ -592,22 +710,22 @@ var ExploreFiles = ({
 var ExploreFilesStandard_default = ExploreFiles;
 
 // src/components/input-components/AddFilesStandard/SelectedFilesStandard.tsx
-var import_react5 = __toESM(require("react"));
+var import_react6 = __toESM(require("react"));
 var import_react_bootstrap = require("react-bootstrap");
 
 // src/components/input-components/AddFilesStandard/IndicatorStandard.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_clsx2 = __toESM(require("clsx"));
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var Indicator = (filename) => {
-  const [uploadPercentage, setUploadPercentage] = (0, import_react4.useState)(0);
-  const [uploadDone, setUploadDone] = (0, import_react4.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: (0, import_clsx2.default)("uploadIndicator", "uploadDone") }) });
+  const [uploadPercentage, setUploadPercentage] = (0, import_react5.useState)(0);
+  const [uploadDone, setUploadDone] = (0, import_react5.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: (0, import_clsx2.default)("uploadIndicator", "uploadDone") }) });
 };
 var IndicatorStandard_default = Indicator;
 
 // src/components/input-components/AddFilesStandard/SelectedFilesStandard.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var SelectedFiles = ({
   questionObject,
   isTouched,
@@ -620,7 +738,7 @@ var SelectedFiles = ({
   setNumberOfFiles,
   removeUploadErrors
 }) => {
-  const theDiv = (0, import_react5.useRef)(null);
+  const theDiv = (0, import_react6.useRef)(null);
   const remove = (file) => {
     let newFiles = questionObject.files.filter((f) => f !== file);
     const newCountOfFiles = newFiles.length;
@@ -629,13 +747,13 @@ var SelectedFiles = ({
     isTouched(e, questionObject);
     removeFile(newCountOfFiles);
   };
-  (0, import_react5.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     var _a;
     numberOfFiles > 0 && ((_a = theDiv.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "end" }));
   }, [numberOfFiles]);
   const useWindowWidth = () => {
-    const [windowWidth2, setWindowWidth] = (0, import_react5.useState)(window.innerWidth);
-    (0, import_react5.useEffect)(() => {
+    const [windowWidth2, setWindowWidth] = (0, import_react6.useState)(window.innerWidth);
+    (0, import_react6.useEffect)(() => {
       const handleResize = () => {
         setWindowWidth(window.innerWidth);
       };
@@ -647,10 +765,10 @@ var SelectedFiles = ({
     return windowWidth2;
   };
   const windowWidth = useWindowWidth();
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: errorMessageAddingFile.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "pts-errorSummary-container pts-addFile-error-container", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "addFile-error-list-container", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("ul", { "aria-hidden": true, className: "fileListUnorderedList", id: "errorSummary-ul", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: errorMessageAddingFile.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "pts-errorSummary-container pts-addFile-error-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "addFile-error-list-container", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("ul", { "aria-hidden": true, className: "fileListUnorderedList", id: "errorSummary-ul", children: [
         " ",
         errorMessageAddingFile.map((errorObj, index) => {
           const errorFileName = errorObj.FileName;
@@ -658,9 +776,9 @@ var SelectedFiles = ({
           mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
           const fileType = errorObj.FileName.split(".").pop();
           mobileFirstFileName = mobileFirstFileName + "." + fileType;
-          return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react5.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "fileInListContainer", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "fileInList", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_bootstrap.Col, { children: windowWidth < 768 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "mobileFirstFileName", children: mobileFirstFileName }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "desktopFileName", children: errorObj.FileName }) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react6.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "fileInListContainer", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "fileInList", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Col, { children: windowWidth < 768 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "mobileFirstFileName", children: mobileFirstFileName }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "desktopFileName", children: errorObj.FileName }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
               import_react_bootstrap.Col,
               {
                 className: "errorMessageAddingFile",
@@ -675,7 +793,7 @@ var SelectedFiles = ({
           ] }, index) }) }) }, `error-${errorObj.FileName}-${index}`) });
         })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "addFile-error-close-button", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "addFile-error-close-button", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         "button",
         {
           className: "selectedFilesLinkButton error-close",
@@ -683,7 +801,7 @@ var SelectedFiles = ({
             removeError();
           },
           "aria-label": activatedLanguage === "sv" ? `St\xE4ng felmeddelande` : `Close error message`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -691,7 +809,7 @@ var SelectedFiles = ({
               height: "14",
               viewBox: "0 0 14 14",
               fill: "none",
-              children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                 "path",
                 {
                   d: "M0.75 12.75L12.75 0.75M0.75 0.75L12.75 12.75",
@@ -705,15 +823,15 @@ var SelectedFiles = ({
         }
       ) })
     ] }) }),
-    questionObject.files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("ul", { className: "fileListUnorderedList", "aria-label": "Uppladdade filer", children: questionObject.files.map((file, index) => {
+    questionObject.files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("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__ */ (0, import_jsx_runtime9.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react5.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "fileInListContainer", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "fileInList", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "fileItem", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_bootstrap.Col, { style: { maxWidth: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { "aria-hidden": "true", className: "uploadedDot", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react6.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "fileInListContainer", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "fileInList", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "fileItem", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Col, { style: { maxWidth: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { "aria-hidden": "true", className: "uploadedDot", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -721,7 +839,7 @@ var SelectedFiles = ({
               height: "8",
               viewBox: "0 0 8 8",
               fill: "none",
-              children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
                 "path",
                 {
                   d: "M1 4.65913L2.8 6.45913L7 1.35913",
@@ -732,20 +850,20 @@ var SelectedFiles = ({
               )
             }
           ) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_bootstrap.Col, { children: windowWidth < 768 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "mobileFirstFileName", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Col, { children: windowWidth < 768 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "mobileFirstFileName", children: [
             mobileFirstFileName,
             " (",
             Math.ceil(file.FileSize / (1024 * 1024)),
             " ",
             "MB)"
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "desktopFileName", children: [
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "desktopFileName", children: [
             file.FileName,
             " (",
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "fileSizeText", children: file.FileSize < 1024 * 1024 ? `${Math.round(file.FileSize / 1024)} kB` : `${(file.FileSize / (1024 * 1024)).toFixed(1)} MB` }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "fileSizeText", children: file.FileSize < 1024 * 1024 ? `${Math.round(file.FileSize / 1024)} kB` : `${(file.FileSize / (1024 * 1024)).toFixed(1)} MB` }),
             " ",
             ")"
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_bootstrap.Col, { className: "lastCol", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Col, { className: "lastCol", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             "button",
             {
               className: "selectedFilesLinkButton",
@@ -755,17 +873,17 @@ var SelectedFiles = ({
             }
           ) })
         ] }),
-        showIndicator && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_bootstrap.Col, { style: { width: "100%", padding: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(IndicatorStandard_default, { filename: indicatorfileName }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_bootstrap.Row, { style: { marginTop: "12px", marginBottom: "12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_bootstrap.Col, { className: "makeSpace" }) })
+        showIndicator && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Col, { style: { width: "100%", padding: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IndicatorStandard_default, { filename: indicatorfileName }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Row, { style: { marginTop: "12px", marginBottom: "12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_bootstrap.Col, { className: "makeSpace" }) })
       ] }, index) }) }) }, `file-${file.FileName}-${index}`) });
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { ref: theDiv, className: "pts-clipboard-container" })
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ref: theDiv, className: "pts-clipboard-container" })
   ] });
 };
 var SelectedFilesStandard_default = SelectedFiles;
 
 // src/components/input-components/AddFilesStandard/AddFilesStandard.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var AddFiles = ({
   questionObject,
   handleQuestionInputChange = (e, questionObject2) => {
@@ -779,6 +897,7 @@ var AddFiles = ({
   allowedTotalFileSize = 20971520
   // 20MB = (1024 * 1024) * 20
 }) => {
+  var _a, _b;
   if (allowedFileTypes.length < 1) {
     allowedFileTypes = [
       "pdf",
@@ -803,26 +922,26 @@ var AddFiles = ({
   const errorId = `error-${questionObject.id}`;
   const labelId = `label-${questionObject.id}`;
   const maxSizeMB = Math.round(allowedTotalFileSize / 1048576);
-  const [numberOfFiles, setNumberOfFiles] = (0, import_react6.useState)(0);
-  const [totalFileSize, setTotalFileSize] = (0, import_react6.useState)(0);
-  const [errorMessageAddingFile, setErrorMessageAddingFile] = (0, import_react6.useState)([]);
-  const [newFiles, setNewFiles] = (0, import_react6.useState)([]);
-  const [dropFilesText, setDropFilesText] = (0, import_react6.useState)("Dra och sl\xE4pp dina filer h\xE4r");
-  (0, import_react6.useEffect)(() => {
+  const [numberOfFiles, setNumberOfFiles] = (0, import_react7.useState)(0);
+  const [totalFileSize, setTotalFileSize] = (0, import_react7.useState)(0);
+  const [errorMessageAddingFile, setErrorMessageAddingFile] = (0, import_react7.useState)([]);
+  const [newFiles, setNewFiles] = (0, import_react7.useState)([]);
+  const [dropFilesText, setDropFilesText] = (0, import_react7.useState)("Dra och sl\xE4pp dina filer h\xE4r");
+  (0, import_react7.useEffect)(() => {
     if (activatedLanguage === "sv") {
       setDropFilesText("Dra och sl\xE4pp dina filer h\xE4r");
     } else {
       setDropFilesText("Drag and drop your files here");
     }
   }, [activatedLanguage]);
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (questionObject.files && questionObject.files.length > 0) {
       setNumberOfFiles(questionObject.files.length);
     }
   }, []);
-  const onDrop = (0, import_react6.useCallback)(
+  const onDrop = (0, import_react7.useCallback)(
     (acceptedFiles) => {
-      var _a, _b, _c;
+      var _a2, _b2, _c;
       const validationErrors = [];
       const validFiles = [];
       const currentTotalFileSize = (questionObject.files || []).reduce(
@@ -830,7 +949,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,
@@ -843,7 +962,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,
@@ -910,7 +1029,7 @@ var AddFiles = ({
       reader.readAsDataURL(file);
     });
   };
-  (0, import_react6.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (newFiles.length > 0) {
       const currentFiles = questionObject.files ? questionObject.files : [];
       const e = {
@@ -937,9 +1056,9 @@ var AddFiles = ({
   const handleRemoveErrors = () => {
     setErrorMessageAddingFile([]);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-    !showPreview && visible && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "root-question addFile-question-container", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { role: "group", children: [
-      questionObject.aboutText && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+    !showPreview && visible && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "root-question addFile-question-container", id: `question-${questionObject.id}`, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { role: "group", children: [
+      questionObject.aboutText && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
         "p",
         {
           id: aboutId,
@@ -949,19 +1068,29 @@ var AddFiles = ({
           ),
           children: [
             questionObject.aboutText,
-            questionObject.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "pts-root-mandatoryAsterisk", "aria-hidden": "true", children: [
+            questionObject.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "pts-root-mandatoryAsterisk", "aria-label": "Obligatorisk fr\xE5ga", children: [
               " ",
               "*"
             ] })
           ]
         }
       ),
-      questionObject.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "pts-root-error error addfileserror", id: errorId, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only", children: "Valideringsfel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "errorText", children: questionObject.validationDefaultMessesege })
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        ValidationMessage_default,
+        {
+          showValidationSummary: (_a = questionObject.hasValidationError) != null ? _a : false,
+          validationId: errorId,
+          validationMessesege: (_b = questionObject.validationDefaultMessesege) != null ? _b : "",
+          activatedLanguage,
+          extraCssClass: "error addfileserror"
+        }
+      ),
+      questionObject.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "pts-root-error error addfileserror", id: errorId, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "sr-only", children: "Valideringsfel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "errorText", children: questionObject.validationDefaultMessesege })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         ExploreFilesStandard_default,
         {
           FilesSelected: onDrop,
@@ -977,7 +1106,7 @@ var AddFiles = ({
           removeUploadErrors: handleRemoveErrors
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         DropFilesStandard_default,
         {
           FilesSelected: onDrop,
@@ -985,7 +1114,7 @@ var AddFiles = ({
           language: activatedLanguage
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         SelectedFilesStandard_default,
         {
           questionObject,
@@ -1000,7 +1129,7 @@ var AddFiles = ({
         }
       )
     ] }) }),
-    showPreview && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PreviewAddFiles, { activatedLanguage, questionObject })
+    showPreview && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PreviewAddFiles, { activatedLanguage, questionObject })
   ] });
 };
 var AddFilesStandard_default = AddFiles;
@@ -1009,30 +1138,30 @@ var PreviewAddFiles = ({
   activatedLanguage
 }) => {
   const previewId = `preview-${questionObject.Id}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dt", { id: `question-${previewId}`, children: questionObject.questionLabel ? questionObject.questionLabel : activatedLanguage === "en" ? "Attached files" : "Bifogade filer" }),
-    questionObject.files && questionObject.files.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dd", { className: "pts-addFiles-answer", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { "aria-labelledby": previewId, className: "pts-preview-answer-list", children: questionObject.files.map((file, index) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: file.FileName }, `file-${index}-${file.FileName}`);
-    }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("dd", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No attached files" : "Inga bifogade filer" })
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dt", { id: `question-${previewId}`, children: questionObject.questionLabel ? questionObject.questionLabel : activatedLanguage === "en" ? "Attached files" : "Bifogade filer" }),
+    questionObject.files && questionObject.files.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dd", { className: "pts-addFiles-answer", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ul", { "aria-labelledby": previewId, className: "pts-preview-answer-list", children: questionObject.files.map((file, index) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { children: file.FileName }, `file-${index}-${file.FileName}`);
+    }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dd", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No attached files" : "Inga bifogade filer" })
   ] });
 };
 
 // src/components/input-components/SingleCheckboxStandard/SingleCheckboxStandard.tsx
-var import_react7 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_react8 = require("react");
+var import_jsx_runtime13 = require("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] = (0, import_react7.useState)(false);
-  (0, import_react7.useEffect)(() => {
+  const [checked, setChecked] = (0, import_react8.useState)(false);
+  (0, import_react8.useEffect)(() => {
     if (question.answer && question.answer === "true") {
       setChecked(true);
     } else {
@@ -1045,10 +1174,10 @@ var SingleCheckbox = ({
     const e = { target: { value: answer } };
     handleQuestionInputChange(e, question);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-    !showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { id: questionId, className: "pts-root-question pts-singleCheckbox-container", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "pts-singleCheckbox-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+    !showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { id: questionId, className: "pts-root-question pts-singleCheckbox-container", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "pts-singleCheckbox-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "input",
           {
             type: "checkbox",
@@ -1066,11 +1195,11 @@ var SingleCheckbox = ({
             "aria-errormessage": question.hasValidationError ? errorId : void 0
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("label", { htmlFor: `${inputId}`, children: question.questionLabel }),
-        question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("label", { htmlFor: `${inputId}`, children: question.questionLabel }),
+        question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" }),
         " "
       ] }),
-      question.aboutText && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      question.aboutText && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
         "div",
         {
           id: aboutId,
@@ -1079,15 +1208,18 @@ var SingleCheckbox = ({
         }
       ),
       " ",
-      question.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "pts-root-error", id: errorId, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "Valideringsfel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "errorText", children: question.validationDefaultMessesege })
-      ] }),
-      " "
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        ValidationMessage_default,
+        {
+          showValidationSummary: (_c = question.hasValidationError) != null ? _c : false,
+          validationId: errorId,
+          validationMessesege: (_d = question.validationDefaultMessesege) != null ? _d : "",
+          activatedLanguage
+        }
+      )
     ] }),
     " ",
-    showPreview && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PreviewSingleCheckbox, { activatedLanguage, question })
+    showPreview && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PreviewSingleCheckbox, { activatedLanguage, question })
   ] });
 };
 var SingleCheckboxStandard_default = SingleCheckbox;
@@ -1097,9 +1229,9 @@ var PreviewSingleCheckbox = ({
 }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dd", { className: "pts-singleCheckbox-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer === "false" ? activatedLanguage === "sv" ? "Nej" : "No" : activatedLanguage === "sv" ? "Ja" : "Yes" }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
+    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { className: "pts-singleCheckbox-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer === "false" ? activatedLanguage === "sv" ? "Nej" : "No" : activatedLanguage === "sv" ? "Ja" : "Yes" }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       "dd",
       {
         className: "pts-singleCheckbox-preview pts-root-answer",
@@ -1110,154 +1242,6 @@ var PreviewSingleCheckbox = ({
   ] });
 };
 
-// src/components/input-components/DropdownStandard/DropdownStandard.tsx
-var import_jsx_runtime12 = require("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__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-    !showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "pts-root-question pts-dropdown-container", id: questionId, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { htmlFor: selectId, children: [
-        question.questionLabel,
-        " ",
-        question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-        "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__ */ (0, import_jsx_runtime12.jsx)("option", { value: "", children: "V\xE4lj ett alternativ" }),
-            (_a = question.options) == null ? void 0 : _a.map((option, index) => {
-              if (option.value === question.answer) {
-                return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: option.value, selected: true, children: option.label }, index);
-              } else {
-                return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: option.value, children: option.label }, index);
-              }
-            })
-          ]
-        }
-      ),
-      question.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "pts-root-error", id: errorId, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "sr-only", children: "Valideringsfel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "errorText", children: question.validationDefaultMessesege })
-      ] })
-    ] }),
-    showPreview && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PreviewDropdown, { question })
-  ] });
-};
-var DropdownStandard_default = CustomDropdownStandard;
-var PreviewDropdown = ({ question }) => {
-  var _a, _b;
-  const previewId = `preview-${question.id}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    ((_b = question.answer) == null ? void 0 : _b.trim()) ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dd", { className: "pts-dropdown-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      "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
-var import_react8 = require("react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var MultipleCheckboxes = ({
-  question,
-  handleQuestionInputChange,
-  showPreview = false,
-  activatedLanguage = "sv"
-}) => {
-  var _a;
-  const questionId = `question-${question.id}`;
-  const [checkedValues, setCheckedValues] = (0, import_react8.useState)([]);
-  (0, import_react8.useEffect)(() => {
-    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__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-    !showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { id: questionId, className: "pts-root-question pts-multipleCheckboxes-container", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("fieldset", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("legend", { className: "multipleCheckboxes-legend", id: `label-${questionId}`, children: [
-        question.questionLabel,
-        " ",
-        question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" }),
-        " "
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("ul", { children: (_a = question.options) == null ? void 0 : _a.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-        " ",
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-          "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__ */ (0, import_jsx_runtime13.jsx)("label", { htmlFor: `${question.id}-option-${index}`, children: option.label })
-      ] }) }, index)) })
-    ] }) }),
-    " ",
-    showPreview && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PrevieMultipleCheckboxes, { activatedLanguage, question })
-  ] });
-};
-var MultipleCheckboxesStandard_default = MultipleCheckboxes;
-var PrevieMultipleCheckboxes = ({
-  question,
-  activatedLanguage
-}) => {
-  var _a, _b;
-  const previewId = `preview-${question.id}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dt", { id: `question-${previewId}`, children: (_a = question.previewLabel) != null ? _a : question.questionLabel }),
-    question.answer ? question.options && question.options.length === 1 ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { children: question.options[0].label }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("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__ */ (0, import_jsx_runtime13.jsx)("li", { children: option.label }, index)) }) }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("dd", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No Answer" : "Inget svar" }),
-    " "
-  ] });
-};
-
 // src/helpers/hasQuestionValidationError/hasQuestionValidationError.tsx
 var import_date_fns = require("date-fns");
 var hasQuestionValidationError = (question, questions) => {
@@ -2033,14 +2017,6 @@ var QuestionRenderer = ({
         handleQuestionInputChange,
         showPreview
       }
-    ),
-    question.questionType === "Dropdown" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-      DropdownStandard_default,
-      {
-        question,
-        handleQuestionInputChange,
-        showPreview
-      }
     )
   ] });
 };
@@ -2058,11 +2034,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-"));
   (0, import_react12.useEffect)(() => {
     questions.forEach((question) => {
@@ -2094,7 +2071,7 @@ var QuestionGroup = ({
           "aria-describedby": firstQuestion.hasValidationError ? `${firstQuestion.id}-error` : void 0,
           children: [
             legendLabel && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("legend", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { className: "pts-legend", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { children: [
                 legendLabel,
                 groupMandatory && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" })
               ] }),
@@ -2103,10 +2080,15 @@ var QuestionGroup = ({
                 firstQuestion.validationDefaultMessesege
               ] })
             ] }),
-            firstQuestion.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "pts-root-error", id: firstQuestion.id + "-error", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { "aria-label": "Valideringsfel", className: "errorDot", children: "!" }),
-              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "errorText", children: firstQuestion.validationDefaultMessesege })
-            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              ValidationMessage_default,
+              {
+                showValidationSummary: (_b = firstQuestion.hasValidationError) != null ? _b : false,
+                validationId: errorId,
+                validationMessesege: (_c = firstQuestion.validationDefaultMessesege) != null ? _c : "",
+                activatedLanguage: activatedLanguage != null ? activatedLanguage : "sv"
+              }
+            ),
             groupQuestions
           ]
         }
@@ -2203,86 +2185,89 @@ var CookieBanner_default = CookieBanner;
 // src/components/layout/FooterStandard/FooterStandard.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
 var Footer = ({ activatedLanguage = "sv" }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("footer", { className: "pts-footer-container", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "pts-footer-content", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-      "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__ */ (0, import_jsx_runtime17.jsx)(
-            "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__ */ (0, import_jsx_runtime17.jsx)(
-            "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__ */ (0, import_jsx_runtime17.jsx)("nav", { className: "pts-footer-linkList", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("ul", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-        "a",
-        {
-          href: activatedLanguage === "en" ? "https://pts.se/en/contact/" : "https://www.pts.se/kontakt/",
-          target: "_blank",
-          rel: "noopener noreferrer",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Contact (opens in new tab)" : "PTS Kontakt (\xF6ppnas i ny flik)" }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Contact" : "Kontakt" })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-        "a",
-        {
-          href: activatedLanguage === "en" ? "https://pts.se/en/gdpr" : "https://www.pts.se/gdpr/",
-          target: "_blank",
-          rel: "noopener noreferrer",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Processing of personal data" : "Behandling av personuppgifter" })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-        "a",
-        {
-          href: activatedLanguage === "en" ? "https://pts.se/en/accessibility-eservices" : "https://www.pts.se/tillganglighet-etjanster",
-          target: "_blank",
-          rel: "noopener noreferrer",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Accessibility (opens in new tab)" : "PTS Tillg\xE4nglighetsredog\xF6relse (\xF6ppnas i ny flik)" }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Accessibility" : "Tillg\xE4nglighetsredog\xF6relse" })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-        "a",
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("footer", { className: "pts-footer-container", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "pts-footer-slogan-text-container", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "pts-footer-content", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        "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__ */ (0, import_jsx_runtime17.jsx)("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Cookies (opens in new tab)" : "PTS Kakor (\xF6ppnas i ny flik)" }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Cookies" : "Kakor" })
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              "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__ */ (0, import_jsx_runtime17.jsx)(
+              "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__ */ (0, import_jsx_runtime17.jsx)("nav", { className: "pts-footer-linkList", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("ul", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          "a",
+          {
+            href: activatedLanguage === "en" ? "https://pts.se/en/contact/" : "https://www.pts.se/kontakt/",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Contact (opens in new tab)" : "PTS Kontakt (\xF6ppnas i ny flik)" }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Contact" : "Kontakt" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          "a",
+          {
+            href: activatedLanguage === "en" ? "https://pts.se/en/gdpr" : "https://www.pts.se/gdpr/",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Processing of personal data" : "Behandling av personuppgifter" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          "a",
+          {
+            href: activatedLanguage === "en" ? "https://pts.se/en/accessibility-eservices" : "https://www.pts.se/tillganglighet-etjanster",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Accessibility (opens in new tab)" : "PTS Tillg\xE4nglighetsredog\xF6relse (\xF6ppnas i ny flik)" }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Accessibility" : "Tillg\xE4nglighetsredog\xF6relse" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          "a",
+          {
+            href: activatedLanguage === "en" ? "https://pts.se/en/cookies-eservices" : "https://www.pts.se/kakor-etjanster",
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Cookies (opens in new tab)" : "PTS Kakor (\xF6ppnas i ny flik)" }),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Cookies" : "Kakor" })
+            ]
+          }
+        ) })
+      ] }) })
+    ] })
+  ] });
 };
 var FooterStandard_default = Footer;
 
@@ -2683,7 +2668,7 @@ var Header = ({
     if (activatedLanguage === "sv") return "English";
     else return "Svenska";
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("header", { className: "pts-header-container", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("header", { className: "pts-header-container", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "pts-header-content", children: [
     /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "pts-header-logo-container", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "a",
       {
@@ -2694,7 +2679,7 @@ var Header = ({
         children: activatedLanguage === "en" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Logo_en, {}) }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Logo_sv, {}) })
       }
     ) }),
-    useLanguage && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "pts-header-navigation-container", children: useLanguage && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
       "button",
       {
         lang: activatedLanguage === "en" ? "en" : "sv",
@@ -2707,8 +2692,8 @@ var Header = ({
           activatedLanguage === "sv" && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "sr-only", children: "Change language to English" })
         ]
       }
-    )
-  ] });
+    ) })
+  ] }) });
 };
 var HeaderStandard_default = Header;
 
@@ -2966,7 +2951,7 @@ var EditPreviewLink = ({
   changeStepHandler,
   activatedLanguage = "sv"
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "pts-editPreviewLink-container", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "pts-editPreviewLink-container", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "a",
     {
       href: "#",
@@ -2975,30 +2960,7 @@ var EditPreviewLink = ({
         e.preventDefault();
         changeStepHandler(step.step);
       },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-          "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__ */ (0, import_jsx_runtime25.jsx)(
-              "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__ */ (0, import_jsx_runtime25.jsx)("span", { className: "pts-edit-step-text", children: activatedLanguage === "en" ? `Edit step ${step.step}` : `Redigera steg ${step.step}` })
-      ]
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "pts-edit-step-text", children: activatedLanguage === "en" ? `Edit step ${step.step}` : `Redigera steg ${step.step}` })
     }
   ) });
 };
@@ -3134,7 +3096,7 @@ 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();
         }
@@ -3178,7 +3140,7 @@ var ValidationErrorSummaryList_default = ValidationErrorSummaryList;
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var FormStatusMessagesScreenReader = ({ formStatus }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { "aria-live": "assertive", children: formStatus === "failed" && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "mandatoryAsterisk", children: "N\xE5got gick fel, f\xF6rs\xF6k igen senare eller kontakta oss!" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { "aria-live": "assertive", children: formStatus === "failed" && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "pts-root-mandatoryAsterisk", children: "N\xE5got gick fel, f\xF6rs\xF6k igen senare eller kontakta oss!" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { "aria-live": "polite", className: "visually-hidden", children: formStatus === "loading" ? "Ditt \xE4rende registreras. Uppdatera eller st\xE4ng inte sidan." : "" })
   ] });
 };
@@ -3188,7 +3150,6 @@ var FormStatusMessagesScreenReader_default = FormStatusMessagesScreenReader;
   AddFilesStandard,
   CheckboxGroupStandard,
   CookieBanner,
-  DropdownStandard,
   EditPreviewLinkStandard,
   FooterStandard,
   FormStatusMessagesScreenReader,