optimized-react-component-library-xyz123 0.1.113 → 0.1.114

package/dist/index.js

@@ -59,21 +59,7 @@ __export(index_exports, {
   TextFieldStandard: () => TextFieldStandard_default,
   TextHeadlineAndBodyStandard: () => TextHeadlineAndBodyStandard_default,
   ValidationCheckAllVisibleQuestion: () => ValidationCheckAllVisibleQuestion_default,
-  ValidationErrorSummaryList: () => ValidationErrorSummaryList_default,
-  createCookieConsent: () => createCookieConsent,
-  createLanguageSlice: () => createLanguageSlice,
-  createQuestionsSlice: () => createQuestionsSlice,
-  focusElement: () => focusElement,
-  getIdsGroupCheckValidationTypes: () => getIdsGroupCheckValidationTypes,
-  isScriptLoaded: () => isScriptLoaded,
-  makeLanguageSelectors: () => makeLanguageSelectors,
-  makeQuestionsSelectors: () => makeQuestionsSelectors,
-  removeScriptById: () => removeScriptById,
-  toggleScriptByConsent: () => toggleScriptByConsent,
-  useCookieConsent: () => useCookieConsent,
-  useFormStatusModal: () => useFormStatusModal,
-  useInputMethodDetection: () => useInputMethodDetection,
-  usePTSPageTitle: () => usePTSPageTitle
+  ValidationErrorSummaryList: () => ValidationErrorSummaryList_default
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -214,7 +200,7 @@ var PrevieMultipleCheckboxes = ({
   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: "preview-answer-list", children: (_b = question.options) == null ? void 0 : _b.filter((option) => {
+    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) => {
       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" }),
@@ -835,7 +821,7 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
 var DropFilesStandard_default = DropFiles;
 
 // src/NewInputComponentStandard/AddFilesStandard/ExploreFilesStandard.tsx
-var import_react4 = require("react");
+var import_react4 = __toESM(require("react"));
 var import_clsx2 = __toESM(require("clsx"));
 
 // src/NewInputComponentStandard/AddFilesStandard/ScreenReaderErrors.tsx
@@ -843,7 +829,11 @@ var import_react3 = __toESM(require("react"));
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var ScreenReaderErrors = ({
   errorMessageAddingFile,
-  activatedLanguage
+  activatedLanguage,
+  removeUploadErrors,
+  putFocusOnButton = () => {
+    alert("no function");
+  }
 }) => {
   const [activateErrorMessagesForScreenReader, setActivateErrorMessagesForScreenReader] = import_react3.default.useState(false);
   const [errorMessagesForScreenReader, setErrorMessagesForScreenReader] = import_react3.default.useState("");
@@ -859,7 +849,49 @@ var ScreenReaderErrors = ({
       setActivateErrorMessagesForScreenReader(true);
     }
   }, [errorMessageAddingFile]);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: activateErrorMessagesForScreenReader && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { role: "alert", className: "sr-only", "aria-atomic": "true", children: errorMessagesForScreenReader }) });
+  const handleRemoveErrors = () => {
+    const errorMessages = activatedLanguage === "sv" ? `Felmeddelande raderat.` : `Error message deleted.`;
+    setErrorMessagesForScreenReader(errorMessages);
+    removeUploadErrors();
+    putFocusOnButton();
+    setTimeout(() => {
+      setActivateErrorMessagesForScreenReader(false);
+    }, 1e3);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+    errorMessageAddingFile.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "button",
+      {
+        onClick: handleRemoveErrors,
+        style: {
+          marginRight: "8px",
+          backgroundColor: "transparent",
+          border: "none",
+          textDecoration: "underline",
+          cursor: "pointer"
+        },
+        className: "errorMessageAddingFile",
+        "aria-label": activatedLanguage === "sv" ? "Ta bort felmeddelande f\xF6r uppladdning av filer" : "Remove error message for file uploads",
+        children: "Ta bort fel! / Remove errors!"
+      }
+    ),
+    activateErrorMessagesForScreenReader && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "p",
+      {
+        role: "alert",
+        style: {
+          position: "absolute",
+          left: "-9999px",
+          top: "auto",
+          width: "1px",
+          height: "1px",
+          overflow: "hidden"
+        },
+        "aria-atomic": "true",
+        children: errorMessagesForScreenReader
+      }
+    )
+  ] });
 };
 var ScreenReaderErrors_default = ScreenReaderErrors;
 
@@ -867,6 +899,7 @@ var ScreenReaderErrors_default = ScreenReaderErrors;
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var ExploreFiles = ({
   FilesSelected,
+  //UploadButtonText = 'upload files',
   numberOfFiles,
   allowedNumberOfFiles,
   activatedLanguage,
@@ -876,10 +909,28 @@ var ExploreFiles = ({
   errorId,
   questionObject,
   showErrors,
-  errorMessageAddingFile
+  errorMessageAddingFile,
+  removeUploadErrors = () => {
+    alert("finns ingen funktion");
+  }
 }) => {
   const fileInputRef = (0, import_react4.useRef)(null);
   const buttonInputRef = (0, import_react4.useRef)(null);
+  const [showErrorMessagesForScreenReader, setShowErrorMessagesForScreenReader] = import_react4.default.useState(false);
+  const [errorMessagesForScreenReader, setErrorMessagesForScreenReader] = import_react4.default.useState("");
+  (0, import_react4.useEffect)(() => {
+    const button = buttonInputRef.current;
+    if (!button) return;
+    const handleFocus = () => {
+      setShowErrorMessagesForScreenReader(!showErrorMessagesForScreenReader);
+      console.log("FOCUS!!");
+      console.log("Error messages for screen reader: " + errorMessageAddingFile);
+    };
+    button.addEventListener("focus", handleFocus);
+    return () => {
+      button.removeEventListener("focus", handleFocus);
+    };
+  }, []);
   const handleFiles = (event) => {
     const files = Array.from(event.target.files || []);
     FilesSelected(files);
@@ -889,18 +940,32 @@ var ExploreFiles = ({
     var _a;
     (_a = fileInputRef.current) == null ? void 0 : _a.click();
   };
+  const handleRemoveErrors = () => {
+    const errorMessages = activatedLanguage === "sv" ? `Felmeddelande raderat.` : `Error message deleted.`;
+    setErrorMessagesForScreenReader(errorMessages);
+    removeUploadErrors();
+    putFocusOnButton();
+    setTimeout(() => {
+      setShowErrorMessagesForScreenReader(false);
+    }, 1e3);
+  };
+  const putFocusOnButton = () => {
+    var _a;
+    (_a = buttonInputRef.current) == null ? void 0 : _a.focus();
+  };
   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_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "inputContainer", children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-      "div",
+      "label",
       {
+        tabIndex: -1,
         className: (0, import_clsx2.default)(
           ["form-control"],
           "filePickLabel",
           showErrors && questionObject.error ? ["form-control error"] : ""
         ),
         id: labelId,
+        htmlFor: inputId,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             "button",
@@ -911,34 +976,34 @@ var ExploreFiles = ({
                 "filePickButton",
                 showErrors && questionObject.error ? "filePickButton error" : ""
               ),
-              "aria-describedby": `${aboutId} ${questionObject.hasValidationError ? errorId : ""}`.trim(),
-              "aria-label": ariaLabelText,
+              "aria-describedby": `${aboutId} ${showErrors && questionObject.error ? errorId : ""}`.trim(),
+              "aria-label": `${activatedLanguage === "sv" ? "V\xE4lj fil" : "Choose file"} ${addFilesInfoText}`,
               children: activatedLanguage === "sv" ? "V\xE4lj fil" : "Choose file"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "aria-hidden": true, className: "filePickText", children: addFilesInfoText }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { htmlFor: inputId, "aria-hidden": true, className: "invisible" })
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "input",
+            {
+              ref: fileInputRef,
+              type: "file",
+              className: "invisible",
+              multiple: true,
+              onChange: handleFiles,
+              tabIndex: -1,
+              id: inputId
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "filePickText", children: addFilesInfoText })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      "input",
-      {
-        "aria-hidden": true,
-        ref: fileInputRef,
-        type: "file",
-        className: "invisible",
-        multiple: true,
-        onChange: handleFiles,
-        tabIndex: -1,
-        id: inputId
-      }
-    ),
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       ScreenReaderErrors_default,
       {
         errorMessageAddingFile,
-        activatedLanguage
+        removeUploadErrors,
+        activatedLanguage,
+        putFocusOnButton
       }
     )
   ] }) });
@@ -972,12 +1037,11 @@ var SelectedFiles = ({
   errorMessageAddingFile,
   activatedLanguage,
   numberOfFiles,
-  setNumberOfFiles,
-  removeUploadErrors
+  setNumberOfFiles
 }) => {
   const theDiv = (0, import_react6.useRef)(null);
   const remove = (file) => {
-    let newFiles = questionObject.files.filter((f) => f !== file);
+    let newFiles = questionObject.Files.filter((f) => f !== file);
     const newCountOfFiles = newFiles.length;
     setNumberOfFiles(newCountOfFiles);
     const e = { target: { value: `${newCountOfFiles} files`, files: newFiles } };
@@ -1003,54 +1067,58 @@ var SelectedFiles = ({
   };
   const windowWidth = useWindowWidth();
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
-      errorMessageAddingFile.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("ul", { "aria-hidden": true, className: "fileListUnorderedList", children: [
-        " ",
-        errorMessageAddingFile.map((errorObj, index) => {
-          const errorFileName = errorObj.FileName;
-          let mobileFirstFileName = errorObj.FileName.split(".").shift();
-          mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
-          const fileType = errorObj.FileName.split(".").pop();
-          mobileFirstFileName = mobileFirstFileName + "." + fileType;
-          return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react6.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "fileInListContainer", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "fileInList", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_bootstrap.Row, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { style: { maxWidth: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-                "span",
-                {
-                  "aria-hidden": "true",
-                  className: (0, import_clsx4.default)("uploadedDot", "uploadFailed"),
-                  children: "!"
-                }
-              ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { children: windowWidth < 768 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "mobileFirstFileName", children: mobileFirstFileName }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "desktopFileName", children: errorObj.FileName }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { className: "lastCol" })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-              import_react_bootstrap.Col,
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: errorMessageAddingFile.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("ul", { className: "fileListUnorderedList", "aria-label": "Valideringsfelmeddelanden f\xF6r uppladdade filer", children: [
+      " ",
+      errorMessageAddingFile.map((errorObj, index) => {
+        const errorFileName = errorObj.FileName;
+        let mobileFirstFileName = errorObj.FileName.split(".").shift();
+        mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
+        const fileType = errorObj.FileName.split(".").pop();
+        mobileFirstFileName = mobileFirstFileName + "." + fileType;
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react6.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "fileInListContainer", role: "alert", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "fileInList", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react_bootstrap.Row, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { style: { maxWidth: "30px" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              "span",
               {
-                style: {
-                  width: "100%",
-                  color: "#8e0039"
-                },
-                className: "errorMessageAddingFile",
-                ...activatedLanguage === "sv" ? {
-                  "aria-label": `${errorFileName} ${errorObj.svMessage}`
-                } : {
-                  "aria-label": `${errorFileName} ${errorObj.enMessage}`
-                },
-                children: activatedLanguage === "sv" ? errorObj.svMessage : errorObj.enMessage
+                "aria-hidden": "true",
+                className: (0, import_clsx4.default)("uploadedDot", "uploadFailed"),
+                children: "!"
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Row, { style: { marginTop: "12px", marginBottom: "12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { className: "makeSpace" }) })
-          ] }, index) }) }) }, `error-${errorObj.FileName}-${index}`) });
-        })
-      ] }),
-      errorMessageAddingFile.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("button", { onClick: removeUploadErrors, className: "errorMessageAddingFile", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { "aria-hidden": true, className: "errorDot", children: "X" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only", children: "Ta bort felmeddelande f\xF6r uppladdning av filer" })
-      ] })
-    ] }),
-    questionObject.files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { className: "fileListUnorderedList", "aria-label": "Uppladdade filer", children: questionObject.files.map((file, index) => {
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { children: windowWidth < 768 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "mobileFirstFileName", children: mobileFirstFileName }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "desktopFileName", children: errorObj.FileName }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { className: "lastCol", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              "button",
+              {
+                className: "selectedFilesLinkButton",
+                onClick: () => {
+                  removeError(index);
+                },
+                "aria-label": activatedLanguage === "sv" ? `St\xE4ng felmeddelandet f\xF6r ${errorFileName}` : `Close error message for ${errorFileName}`,
+                children: activatedLanguage === "sv" ? "St\xE4ng" : "Close"
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            import_react_bootstrap.Col,
+            {
+              style: {
+                width: "100%",
+                color: "#8e0039"
+              },
+              className: "errorMessageAddingFile",
+              ...activatedLanguage === "sv" ? {
+                "aria-label": `${errorFileName} ${errorObj.svMessage}`
+              } : {
+                "aria-label": `${errorFileName} ${errorObj.enMessage}`
+              },
+              children: activatedLanguage === "sv" ? errorObj.svMessage : errorObj.enMessage
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Row, { style: { marginTop: "12px", marginBottom: "12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { className: "makeSpace" }) })
+        ] }, index) }) }) }, `error-${errorObj.FileName}-${index}`) });
+      })
+    ] }) }),
+    questionObject.Files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.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;
@@ -1081,12 +1149,13 @@ var SelectedFiles = ({
             mobileFirstFileName,
             " (",
             Math.ceil(file.FileSize / (1024 * 1024)),
-            " ",
-            "MB)"
+            " MB)"
           ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "desktopFileName", children: [
             file.FileName,
             " (",
-            file.FileSize < 1024 * 1024 ? `${Math.round(file.FileSize / 1024)} kB` : `${(file.FileSize / (1024 * 1024)).toFixed(1)} MB`,
+            file.FileSize < 1024 * 1024 ? `${Math.round(file.FileSize / 1024)} kB` : `${(file.FileSize / (1024 * 1024)).toFixed(
+              1
+            )} MB`,
             ")"
           ] }) }),
           /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { className: "lastCol", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
@@ -1280,6 +1349,7 @@ var AddFiles = ({
   };
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
     !showPreview && visible && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { role: "group", children: [
+      !questionObject.hideQuestion && questionObject.questionLabel,
       questionObject.aboutText && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
         "p",
         {
@@ -1299,8 +1369,14 @@ var AddFiles = ({
       ),
       questionObject.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "error addfileserror", 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: questionObject.validationDefaultMessesege })
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "span",
+          {
+            "aria-label": `Felmeddelande. ${questionObject.validationDefaultMessesege}`,
+            className: "errorText",
+            children: questionObject.validationDefaultMessesege
+          }
+        )
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         ExploreFilesStandard_default,
@@ -1329,8 +1405,7 @@ var AddFiles = ({
           errorMessageAddingFile,
           activatedLanguage,
           numberOfFiles,
-          setNumberOfFiles,
-          removeUploadErrors: handleRemoveErrors
+          setNumberOfFiles
         }
       )
     ] }) }),
@@ -1344,10 +1419,10 @@ var PreviewAddFiles = ({
 }) => {
   const previewId = `preview-${questionObject.Id}`;
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "pts-question-preview pts-addFiles-preview", id: `question-${previewId}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h3", { id: previewId, children: questionObject.Question }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "pts-root-answer", children: questionObject.Files && questionObject.Files.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("ul", { "aria-labelledby": previewId, children: questionObject.Files.map((file, index) => {
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dd", { id: previewId, children: questionObject.Id ? questionObject.Question : activatedLanguage === "en" ? "Attached files" : "Bifogade filer" }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "pts-root-answer", children: questionObject.Files && questionObject.Files.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dt", { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("ul", { "aria-labelledby": previewId, className: "pts-preview-answer-list", children: questionObject.Files.map((file, index) => {
       return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { children: file.FileName }, `file-${index}-${file.FileName}`);
-    }) }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No attached files" : "Inga bifogade filer" }) })
+    }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dt", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No attached files" : "Inga bifogade filer" }) })
   ] });
 };
 
@@ -1568,483 +1643,6 @@ function groupQuestionsByStepCategoryGroup(questions, steps, validationErrorsLis
 }
 var GroupQuestionsByStepCategoryGroup_default = groupQuestionsByStepCategoryGroup;
 
-// src/NewHelpMethodsStandard/ApplicationContentSlice/applicationContentSlice.ts
-var import_toolkit = require("@reduxjs/toolkit");
-var pickLang = (cfg, lang) => {
-  var _a;
-  return (_a = cfg.languageSupport.find((l) => l.language === lang)) != null ? _a : cfg.languageSupport[0];
-};
-var createLanguageSlice = (initialConfig, options) => {
-  var _a;
-  const name = (_a = options == null ? void 0 : options.name) != null ? _a : "applicationContent";
-  const initialLang = pickLang(initialConfig, initialConfig.activatedLanguage);
-  const initialState = {
-    activatedLanguage: initialConfig.activatedLanguage,
-    languageSupport: initialConfig.languageSupport,
-    languageSupportLoaded: true,
-    backButton: initialLang.backButton,
-    forwardButton: initialLang.forwardButton,
-    sendButton: initialLang.sendButton
-  };
-  const slice = (0, import_toolkit.createSlice)({
-    name,
-    initialState,
-    reducers: {
-      setActivatedLanguage: (state, action) => {
-        state.activatedLanguage = action.payload;
-        const lang = pickLang(
-          { activatedLanguage: state.activatedLanguage, languageSupport: state.languageSupport },
-          action.payload
-        );
-        state.backButton = lang.backButton;
-        state.forwardButton = lang.forwardButton;
-        state.sendButton = lang.sendButton;
-      },
-      setLabelsFromLanguageEntry: (state, action) => {
-        state.backButton = action.payload.backButton;
-        state.forwardButton = action.payload.forwardButton;
-        state.sendButton = action.payload.sendButton;
-      },
-      replaceLanguageSupport: (state, action) => {
-        state.languageSupport = action.payload.languageSupport;
-        state.activatedLanguage = action.payload.activatedLanguage;
-        const lang = pickLang(action.payload, action.payload.activatedLanguage);
-        state.backButton = lang.backButton;
-        state.forwardButton = lang.forwardButton;
-        state.sendButton = lang.sendButton;
-        state.languageSupportLoaded = true;
-      }
-    }
-  });
-  return slice;
-};
-var makeLanguageSelectors = (selectSlice) => {
-  const selectState = selectSlice;
-  const selectActivatedLanguage = (state) => selectState(state).activatedLanguage;
-  const selectLanguageSupportLoaded = (state) => selectState(state).languageSupportLoaded;
-  const selectLanguageSupport = (state) => selectState(state).languageSupport;
-  const selectOverallContentState = (state) => selectState(state);
-  const selectOverallContentFromLanguageSupport = (0, import_toolkit.createSelector)(
-    [selectState, (_, activatedLanguage) => activatedLanguage],
-    (applicationContent, activatedLanguage) => {
-      const match = applicationContent.languageSupport.find(
-        (l) => l.language === activatedLanguage
-      );
-      if (!match) return { ...applicationContent };
-      return {
-        ...applicationContent,
-        backButton: match.backButton,
-        forwardButton: match.forwardButton,
-        sendButton: match.sendButton
-      };
-    }
-  );
-  return {
-    selectActivatedLanguage,
-    selectLanguageSupportLoaded,
-    selectLanguageSupport,
-    selectOverallContentState,
-    selectOverallContentFromLanguageSupport
-  };
-};
-
-// src/NewHelpMethodsStandard/QuestionSlice/questionSlice.ts
-var import_toolkit2 = require("@reduxjs/toolkit");
-var createQuestionsSlice = (initialState, options) => {
-  var _a;
-  const slice = (0, import_toolkit2.createSlice)({
-    name: (_a = options == null ? void 0 : options.name) != null ? _a : "Form",
-    initialState,
-    reducers: {
-      AddApplicationContentFromLanguageSupport: (state, action) => {
-        state.applicationContent = action.payload;
-        state.questionsLoaded = true;
-      },
-      AddStepsFromLanguageSupport: (state, action) => {
-        state.steps = action.payload;
-      },
-      AddQuestionsFromLanguageSupport: (state, action) => {
-        state.questions = action.payload;
-      },
-      AddAnswer: (state, action) => {
-        state.questions = state.questions.map((qObject) => {
-          if (qObject.id === action.payload.id) {
-            return {
-              ...qObject,
-              answer: action.payload.answer
-            };
-          }
-          return qObject;
-        });
-      },
-      AddFiles: (state, action) => {
-        state.questions = state.questions.map((qObject) => {
-          if (qObject.id === action.payload.id) {
-            return {
-              ...qObject,
-              files: action.payload.files
-            };
-          }
-          return qObject;
-        });
-      },
-      RemoveAllQuestionsDisplayedInStep: (state, action) => {
-        const { activeStep } = action.payload;
-        state.questions = state.questions.map((qObject) => {
-          if (qObject.step >= activeStep) {
-            return {
-              ...qObject,
-              isDisplayed: false
-            };
-          }
-          return qObject;
-        });
-      },
-      AddQuestionDisplayed: (state, action) => {
-        state.questions = state.questions.map((qObject) => {
-          if (qObject.id === action.payload.id) {
-            return {
-              ...qObject,
-              isDisplayed: action.payload.isDisplayed
-            };
-          }
-          return qObject;
-        });
-      },
-      RemoveAllAnswersForward: (state, action) => {
-        state.questions = state.questions.map((qObject) => {
-          let questionExistInLinkedToQuestion = false;
-          if (qObject.dependsOnOtherQuestion !== void 0) {
-            questionExistInLinkedToQuestion = qObject.dependsOnOtherQuestion.some(
-              (innerArray) => innerArray.some((item) => item.LinkedToQuestionId === action.payload.id)
-            );
-          }
-          const shouldClear = qObject.id > action.payload.id && !qObject.isDisplayed && qObject.dependsOnOtherQuestion !== void 0 && questionExistInLinkedToQuestion;
-          if (shouldClear) {
-            return {
-              ...qObject,
-              answer: ""
-            };
-          }
-          return qObject;
-        });
-      }
-    },
-    extraReducers: (builder) => {
-      if (options == null ? void 0 : options.extraReducers) {
-        options.extraReducers(builder);
-      }
-    }
-  });
-  return slice;
-};
-var makeQuestionsSelectors = (selectSlice) => {
-  const selectStateQuestion = (state) => selectSlice(state);
-  const selectIsQuestionLoaded = (state) => selectSlice(state).questionsLoaded;
-  const selectApplicationContentFromLanguageSupport = (0, import_toolkit2.createSelector)(
-    [
-      (state) => selectSlice(state).applicationContent,
-      (_, activatedLanguage) => activatedLanguage
-    ],
-    (applicationContent, activatedLanguage) => {
-      var _a;
-      const languageSupport = (_a = applicationContent == null ? void 0 : applicationContent.languageSupport) == null ? void 0 : _a.find(
-        (lang) => lang.language === activatedLanguage
-      );
-      if (!languageSupport) {
-        return {
-          mainHeadline: "",
-          ingressBody: "",
-          linksForMoreInfo: [],
-          pageTitle: "",
-          textblocks: []
-        };
-      }
-      return {
-        mainHeadline: languageSupport.mainHeadline,
-        ingressBody: languageSupport.ingressBody,
-        linksForMoreInfo: languageSupport.linksForMoreInfo,
-        pageTitle: languageSupport.pageTitle,
-        textblocks: languageSupport.textblocks,
-        languageSupport: applicationContent == null ? void 0 : applicationContent.languageSupport
-      };
-    }
-  );
-  const selectStepFromLanguageSupport = (0, import_toolkit2.createSelector)(
-    [
-      (state) => selectSlice(state).steps,
-      (_, activatedLanguage) => activatedLanguage
-    ],
-    (steps, activatedLanguage) => {
-      return steps.map((stepperObject) => {
-        let languageSupport = stepperObject.languageSupport.find(
-          (lang) => lang.language === activatedLanguage
-        );
-        if (!languageSupport) {
-          languageSupport = {};
-        }
-        return {
-          ...stepperObject,
-          stepHeadline: languageSupport.stepHeadline,
-          stepDescription: languageSupport.stepDescription,
-          shortNameInStepper: languageSupport.shortNameInStepper,
-          shortNameInPreview: languageSupport.shortNameInPreview,
-          pageTitle: languageSupport.pageTitle
-        };
-      });
-    }
-  );
-  const selectQuestionFromLanguageSupport = (0, import_toolkit2.createSelector)(
-    [
-      (state) => selectSlice(state).questions,
-      (_, activatedLanguage) => activatedLanguage
-    ],
-    (questions, activatedLanguage) => {
-      return questions.map((qObject) => {
-        let languageSupport = qObject.languageSupport.find(
-          (lang) => lang.language === activatedLanguage
-        );
-        if (!languageSupport) {
-          languageSupport = {};
-        }
-        return {
-          ...qObject,
-          categoryLabel: languageSupport.categoryLabel,
-          categoryDescription: languageSupport.categoryDescription,
-          questionLabel: languageSupport.questionLabel,
-          previewLabel: languageSupport.previewLabel,
-          aboutText: languageSupport.aboutText,
-          options: languageSupport.options,
-          validationDefaultMessesege: languageSupport.validationDefaultMessesege,
-          validationSummaryLabel: languageSupport.validationSummaryLabel
-        };
-      });
-    }
-  );
-  return {
-    selectStateQuestion,
-    selectIsQuestionLoaded,
-    selectApplicationContentFromLanguageSupport,
-    selectStepFromLanguageSupport,
-    selectQuestionFromLanguageSupport
-  };
-};
-
-// src/NewHelpMethodsStandard/CookieHandler/cookieHandler.ts
-var getCookie = (name) => {
-  const match = document.cookie.match(new RegExp("(^| )" + name + "=([^;]+)"));
-  return match ? match[2] : null;
-};
-var setCookie = (name, value, expirationDate) => {
-  let cookieString = `${name}=${value}; path=/; SameSite=Strict`;
-  if (expirationDate) {
-    cookieString += `; expires=${expirationDate.toUTCString()}`;
-  }
-  if (window.location.protocol === "https:") {
-    cookieString += "; Secure";
-  }
-  document.cookie = cookieString;
-};
-var removeCookie = (name) => {
-  const pastDate = /* @__PURE__ */ new Date(0);
-  setCookie(name, "", pastDate);
-};
-var createCookieConsent = (config) => {
-  const { cookieName, choiceKey, expiryYears = 1 } = config;
-  const acceptCookies = () => {
-    const expires = /* @__PURE__ */ new Date();
-    expires.setFullYear(expires.getFullYear() + expiryYears);
-    setCookie(cookieName, "true", expires);
-    localStorage.setItem(cookieName, "true");
-  };
-  const rejectCookies = () => {
-    removeCookie(cookieName);
-    localStorage.removeItem(cookieName);
-    sessionStorage.setItem(choiceKey, "true");
-  };
-  const areCookiesAccepted = () => getCookie(cookieName) === "true";
-  const hasChoiceBeenMade = () => sessionStorage.getItem(choiceKey) === "true";
-  const clearChoiceFromSession = () => sessionStorage.removeItem(choiceKey);
-  return {
-    acceptCookies,
-    rejectCookies,
-    areCookiesAccepted,
-    hasChoiceBeenMade,
-    clearChoiceFromSession
-  };
-};
-
-// src/NewHelpMethodsStandard/ScriptHandler/scriptHandler.ts
-var toggleScriptByConsent = (consent, options) => {
-  if (typeof document === "undefined") return;
-  const existingScript = document.getElementById(options.id);
-  if (consent) {
-    if (!existingScript) {
-      const script = document.createElement("script");
-      script.id = options.id;
-      script.async = true;
-      script.src = options.src;
-      if (options.attributes) {
-        Object.entries(options.attributes).forEach(
-          ([key, value]) => script.setAttribute(key, value)
-        );
-      }
-      document.body.appendChild(script);
-    }
-  } else {
-    if (existingScript) {
-      existingScript.remove();
-    }
-  }
-};
-var isScriptLoaded = (id) => {
-  if (typeof document === "undefined") return false;
-  return !!document.getElementById(id);
-};
-var removeScriptById = (id) => {
-  if (typeof document === "undefined") return;
-  const el = document.getElementById(id);
-  if (el) el.remove();
-};
-
-// src/NewHelpMethodsStandard/FocusElement/focusElement.ts
-var focusElement = (target) => {
-  const element = typeof target === "string" ? document.getElementById(target) : target;
-  if (!element) return;
-  if (!element.hasAttribute("tabindex")) {
-    element.setAttribute("tabindex", "-1");
-  }
-  element.focus();
-  element.scrollIntoView({ behavior: "smooth" });
-};
-
-// src/NewHelpMethodsStandard/GetIdsGroupCheckValidationTypes/getIdsGroupCheckValidationTypes.ts
-var getIdsGroupCheckValidationTypes = (validationType) => {
-  if (!(validationType == null ? void 0 : validationType.length)) return [];
-  const ids = validationType.filter((t) => t.startsWith("groupCheck-")).flatMap((t) => t.split("-").slice(1)).map((s) => Number(s)).filter((n) => Number.isFinite(n));
-  return Array.from(new Set(ids));
-};
-
-// src/NewHelpMethodsStandard/useFormStatusModal/useFormStatusModal.ts
-var React7 = __toESM(require("react"));
-var useFormStatusModal = (formStatus, handleModalOpen, handleModalClose, mainSelector = "#main-content") => {
-  React7.useEffect(() => {
-    if (formStatus === "loading") {
-      handleModalOpen();
-    }
-    if (formStatus === "success" || formStatus === "failed") {
-      setTimeout(() => {
-        handleModalClose();
-      }, 1050);
-      const main = document.querySelector(mainSelector);
-      if (main) main.focus();
-    }
-  }, [formStatus, handleModalOpen, handleModalClose, mainSelector]);
-};
-
-// src/NewHelpMethodsStandard/usePTSPageTitle/usePTSPageTitle.ts
-var import_react8 = require("react");
-var usePTSPageTitle = ({
-  formStatus,
-  activeStep,
-  applicationContent,
-  thankYouBlock,
-  steps,
-  fallbackTitle = "PTS e-tj\xE4nst"
-}) => {
-  const computedTitle = (0, import_react8.useMemo)(() => {
-    var _a, _b, _c, _d;
-    const baseTitle = (_a = applicationContent == null ? void 0 : applicationContent.pageTitle) != null ? _a : "";
-    const thankYouPageTitle = (_b = thankYouBlock == null ? void 0 : thankYouBlock.pageTitle) != null ? _b : "";
-    const stepTitle = (_d = (_c = steps == null ? void 0 : steps[Math.max(0, activeStep - 1)]) == null ? void 0 : _c.pageTitle) != null ? _d : "";
-    if (formStatus === "success" && thankYouPageTitle) return thankYouPageTitle;
-    if (activeStep === 0 && baseTitle) return baseTitle;
-    return stepTitle || baseTitle || fallbackTitle;
-  }, [formStatus, activeStep, applicationContent, thankYouBlock, steps, fallbackTitle]);
-  (0, import_react8.useEffect)(() => {
-    document.title = computedTitle;
-  }, [computedTitle]);
-  return computedTitle;
-};
-
-// src/NewHelpMethodsStandard/useInputMethodDetection/useInputMethodDetection.ts
-var import_react9 = require("react");
-var useInputMethodDetection = ({
-  mouseClassName = "using-mouse",
-  keyboardToggleKey = "Tab"
-} = {}) => {
-  (0, import_react9.useEffect)(() => {
-    const handleMouseDown = () => {
-      document.body.classList.add(mouseClassName);
-    };
-    const handleKeyDown = (event) => {
-      if (event.key === keyboardToggleKey) {
-        document.body.classList.remove(mouseClassName);
-      }
-    };
-    document.addEventListener("mousedown", handleMouseDown);
-    document.addEventListener("keydown", handleKeyDown);
-    return () => {
-      document.removeEventListener("mousedown", handleMouseDown);
-      document.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [mouseClassName, keyboardToggleKey]);
-};
-
-// src/NewHelpMethodsStandard/useCookieConsent/useCookieConsent.ts
-var import_react10 = require("react");
-var useCookieConsent = ({
-  cookieName,
-  choiceKey,
-  expiryYears = 1,
-  onConsentChange
-}) => {
-  const {
-    acceptCookies,
-    rejectCookies,
-    areCookiesAccepted,
-    hasChoiceBeenMade,
-    clearChoiceFromSession
-  } = (0, import_react10.useMemo)(
-    () => createCookieConsent({
-      cookieName,
-      choiceKey,
-      expiryYears
-    }),
-    [cookieName, choiceKey, expiryYears]
-  );
-  const [showBanner, setShowBanner] = (0, import_react10.useState)(false);
-  const handleCookieStateChange = (0, import_react10.useCallback)(() => {
-    const cookiesNowAccepted = areCookiesAccepted();
-    if (onConsentChange) {
-      onConsentChange(cookiesNowAccepted);
-    }
-    setShowBanner(false);
-  }, [areCookiesAccepted, onConsentChange]);
-  (0, import_react10.useEffect)(() => {
-    const cookiesAccepted = areCookiesAccepted();
-    const choiceMade = hasChoiceBeenMade();
-    setShowBanner(!cookiesAccepted && !choiceMade);
-    if (cookiesAccepted && onConsentChange) {
-      onConsentChange(true);
-    }
-    const handleShowBannerEvent = () => {
-      clearChoiceFromSession();
-      setShowBanner(true);
-    };
-    window.addEventListener("showCookieBanner", handleShowBannerEvent);
-    return () => {
-      window.removeEventListener("showCookieBanner", handleShowBannerEvent);
-    };
-  }, [areCookiesAccepted, hasChoiceBeenMade, clearChoiceFromSession, onConsentChange]);
-  return {
-    showBanner,
-    handleCookieStateChange,
-    acceptCookies,
-    rejectCookies
-  };
-};
-
 // src/NewRenderFormComponentStandard/RenderQuestion/RenderQuestion.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var RenderQuestion = ({
@@ -2097,7 +1695,7 @@ var RenderQuestion = ({
 var RenderQuestion_default = RenderQuestion;
 
 // src/NewRenderFormComponentStandard/RenderQuestionGroup/RenderQuestionGroup.tsx
-var import_react11 = __toESM(require("react"));
+var import_react8 = __toESM(require("react"));
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var RenderQuestionGroup = ({
   questionArray,
@@ -2109,7 +1707,7 @@ var RenderQuestionGroup = ({
   AddQuestionDisplayed,
   hideValidationMessage
 }) => {
-  import_react11.default.useEffect(() => {
+  import_react8.default.useEffect(() => {
     questionArray.forEach((question) => {
       if (question.visible && !question.isDisplayed) {
         AddQuestionDisplayed(question);
@@ -2117,7 +1715,7 @@ var RenderQuestionGroup = ({
     });
   }, [questionArray]);
   const questions = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children: questionArray.map((question, index) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react11.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react8.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       RenderQuestion_default,
       {
         question,
@@ -2160,7 +1758,7 @@ var RenderQuestionGroup = ({
       return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "pts-root-question-group-div", children: questions });
     case "none":
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react11.default.Fragment, { children: questions });
+      return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react8.default.Fragment, { children: questions });
   }
 };
 var RenderQuestionGroup_default = RenderQuestionGroup;
@@ -2260,7 +1858,7 @@ var EditPreviewLink = ({
       href: "#",
       onClick: (e) => {
         e.preventDefault();
-        changeStepHandler(step.step);
+        changeStepHandler(step);
       },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
@@ -2298,6 +1896,7 @@ var Footer = ({ activatedLanguage = "sv" }) => {
     /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
       "svg",
       {
+        role: "img",
         "aria-label": activatedLanguage === "en" ? "PTS logotype" : "PTS logotyp",
         className: "pts-footer-logo",
         xmlns: "http://www.w3.org/2000/svg",
@@ -2323,56 +1922,63 @@ var Footer = ({ activatedLanguage = "sv" }) => {
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("nav", { className: "pts-footer-linkList", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("ul", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime15.jsx)("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Contact (opens in new tab)" : "PTS Kontakt (\xF6ppnas i ny flik)" }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Contact" : "Kontakt" })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime15.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_runtime15.jsx)("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Processing of personal data" : "Behandling av personuppgifter" })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime15.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_runtime15.jsx)("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Accessibility" : "Tillg\xE4nglighetsredog\xF6relse" })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime15.jsx)("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Cookies (opens in new tab)" : "PTS Kakor (\xF6ppnas i ny flik)" }),
-            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Cookies" : "Kakor" })
-          ]
-        }
-      ) })
-    ] }) })
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      "nav",
+      {
+        className: "pts-footer-linkList",
+        "aria-label": activatedLanguage === "en" ? "Footer navigation" : "Sidfotsnavigering",
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("ul", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime15.jsx)("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Contact (opens in new tab)" : "PTS Kontakt (\xF6ppnas i ny flik)" }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Contact" : "Kontakt" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime15.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_runtime15.jsx)("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Processing of personal data" : "Behandling av personuppgifter" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime15.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_runtime15.jsx)("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Accessibility" : "Tillg\xE4nglighetsredog\xF6relse" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime15.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_runtime15.jsx)("span", { className: "sr-only", children: activatedLanguage === "en" ? "PTS Cookies (opens in new tab)" : "PTS Kakor (\xF6ppnas i ny flik)" }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { "aria-hidden": "true", children: activatedLanguage === "en" ? "Cookies" : "Kakor" })
+              ]
+            }
+          ) })
+        ] })
+      }
+    )
   ] });
 };
 var FooterStandard_default = Footer;
@@ -2788,14 +2394,12 @@ var Header = ({
     useLanguage && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
       "button",
       {
-        lang: activatedLanguage === "en" ? "en" : "sv",
+        "aria-label": activatedLanguage === "en" ? "Change language to Svenska" : "\xC4ndra spr\xE5k till English",
         className: "pts-languageButton",
         onClick: handleLanguageClick,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(LanguageIcon, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-hidden": "true", className: "pts-languageButton", children: getLanguageLabel() }),
-          activatedLanguage === "en" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "sr-only", children: "\xC4ndra spr\xE5k till svenska" }),
-          activatedLanguage === "sv" && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "sr-only", children: "Change language to English" })
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "pts-languageButton", children: getLanguageLabel() })
         ]
       }
     )
@@ -2804,7 +2408,7 @@ var Header = ({
 var HeaderStandard_default = Header;
 
 // src/NewTextComponentStandard/InfoOnlyStandard/InfoOnlyStandard.tsx
-var import_react12 = require("react");
+var import_react9 = require("react");
 var import_dompurify4 = __toESM(require("dompurify"));
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var cleanText = (text) => import_dompurify4.default.sanitize(text, { ADD_ATTR: ["target", "class"] });
@@ -2818,7 +2422,7 @@ var InfoOnly = ({
   tabIndex = -1,
   activatedLanguage = "sv"
 }) => {
-  (0, import_react12.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     handleSeenText(questionObject);
   }, []);
   const handleSeenText = (questionObject2) => {
@@ -2877,7 +2481,7 @@ var Modal = ({ showModal: isOpen, activatedLanguage = "" }) => {
 var ModalStandard_default = Modal;
 
 // src/NewTextComponentStandard/TextHeadlineAndBodyStandard/TextHeadlineAndBodyStandard.tsx
-var import_react13 = require("react");
+var import_react10 = require("react");
 var import_dompurify5 = __toESM(require("dompurify"));
 var import_jsx_runtime20 = require("react/jsx-runtime");
 var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
@@ -2885,8 +2489,9 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
     "section",
     {
       className: "pts-textHeadlineAndBody-container",
+      "aria-labelledby": "textHeadlineAndBody-headline",
       children: [
-        data.headline && (0, import_react13.createElement)(headlineType, { id: "textHeadlineAndBody-headline" }, data.headline),
+        data.headline && (0, import_react10.createElement)(headlineType, { id: "textHeadlineAndBody-headline" }, data.headline),
         data.body && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { dangerouslySetInnerHTML: { __html: import_dompurify5.default.sanitize(data.body) } }),
         data.linksForMoreInfo && data.linksForMoreInfo.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("ul", { className: "pts-moreinfo-list", children: data.linksForMoreInfo.map((link, index) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("li", { className: index > 0 ? "notFirstInList" : "", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
           "a",
@@ -2894,6 +2499,7 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
             href: link.url,
             target: "_blank",
             rel: "noopener noreferrer",
+            "aria-label": link.ariaLabel,
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "MoreInfoIcon", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                 "svg",
@@ -3063,24 +2669,7 @@ var ServiceHeadlineAndBodyStandard_default = ServiceHeadlineAndBody;
 // src/NewTextComponentStandard/SkipLinkStandard/SkipLinkStandard.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var SkipLink = () => {
-  function scrollToMainContent() {
-    const container = document.getElementById(`main-content`);
-    if (container) {
-      container.scrollIntoView({ behavior: "smooth", block: "center" });
-      container.focus();
-    }
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "pts-skipLink-container", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-    "a",
-    {
-      href: "#",
-      onClick: (e) => {
-        e.preventDefault();
-        scrollToMainContent();
-      },
-      children: "Till huvudinneh\xE5ll"
-    }
-  ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "pts-skipLink-container", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("a", { href: "#main-content", children: "Till huvudinneh\xE5ll" }) });
 };
 var SkipLinkStandard_default = SkipLink;
 
@@ -3122,14 +2711,14 @@ var StepperButtons = ({
 var StepperButtonsStandard_default = StepperButtons;
 
 // src/NewTextComponentStandard/StepperStandard/StepperStandard.tsx
-var import_react14 = __toESM(require("react"));
+var import_react11 = __toESM(require("react"));
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var Stepper = ({ arraySteps = [], activeStep = 1 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "pts-stepper-container", "aria-hidden": "true", children: arraySteps.map((step, index) => {
     const isActive = step.step === activeStep;
     const lastElement = arraySteps.length;
     const isDone = step.step < activeStep;
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react14.default.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react11.default.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "pts-stepper-step", children: [
         /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "div",
@@ -3170,7 +2759,7 @@ var ValidationErrorSummaryList = ({
   validationErrorsList,
   formQuestions,
   activatedLanguage,
-  summaryText = activatedLanguage === "sv" ? "Du beh\xF6ver \xE5tg\xE4rda {count} {plural}" : "You need to adjust {count} {plural}"
+  summaryText = "Du beh\xF6ver \xE5tg\xE4rda {count} {plural}"
 }) => {
   console.log(formQuestions);
   console.log(validationErrorsList);
@@ -3207,7 +2796,7 @@ var ValidationErrorSummaryList = ({
   if (!validationErrorsList.length) return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, {});
   const filteredIds = filterIdsByGroupCheck(validationErrorsList, formQuestions);
   const count = filteredIds.length;
-  const title = summaryText.replace("{count}", count.toString()).replace("{plural}", activatedLanguage === "sv" ? count === 1 ? "sak" : "saker" : count === 1 ? "thing" : "things");
+  const title = summaryText.replace("{count}", count.toString()).replace("{plural}", count === 1 ? "sak" : "saker");
   function getQuestionLabelById(id) {
     var _a;
     const found = formQuestions.find((item) => item.id === id);
@@ -3220,7 +2809,7 @@ var ValidationErrorSummaryList = ({
       /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("ul", { id: "errorSummary-ul", children: filteredIds.map((questionId, i) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
         "a",
         {
-          href: "#",
+          href: `#question-${questionId}`,
           onClick: (e) => {
             e.preventDefault();
             scrollToQuestion(questionId);
@@ -3334,20 +2923,5 @@ var CookieBanner_default = CookieBanner;
   TextFieldStandard,
   TextHeadlineAndBodyStandard,
   ValidationCheckAllVisibleQuestion,
-  ValidationErrorSummaryList,
-  createCookieConsent,
-  createLanguageSlice,
-  createQuestionsSlice,
-  focusElement,
-  getIdsGroupCheckValidationTypes,
-  isScriptLoaded,
-  makeLanguageSelectors,
-  makeQuestionsSelectors,
-  removeScriptById,
-  toggleScriptByConsent,
-  useCookieConsent,
-  useFormStatusModal,
-  useInputMethodDetection,
-  usePTSPageTitle
+  ValidationErrorSummaryList
 });
-//# sourceMappingURL=index.js.map