optimized-react-component-library-xyz123 0.1.81 → 0.1.83

package/dist/index.js

@@ -821,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 = __toESM(require("react"));
+var import_react4 = require("react");
 var import_clsx2 = __toESM(require("clsx"));
 
 // src/NewInputComponentStandard/AddFilesStandard/ScreenReaderErrors.tsx
@@ -829,11 +829,7 @@ var import_react3 = __toESM(require("react"));
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var ScreenReaderErrors = ({
   errorMessageAddingFile,
-  activatedLanguage,
-  removeUploadErrors,
-  putFocusOnButton = () => {
-    alert("no function");
-  }
+  activatedLanguage
 }) => {
   const [activateErrorMessagesForScreenReader, setActivateErrorMessagesForScreenReader] = import_react3.default.useState(false);
   const [errorMessagesForScreenReader, setErrorMessagesForScreenReader] = import_react3.default.useState("");
@@ -849,49 +845,7 @@ var ScreenReaderErrors = ({
       setActivateErrorMessagesForScreenReader(true);
     }
   }, [errorMessageAddingFile]);
-  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
-      }
-    )
-  ] });
+  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 }) });
 };
 var ScreenReaderErrors_default = ScreenReaderErrors;
 
@@ -899,7 +853,6 @@ var ScreenReaderErrors_default = ScreenReaderErrors;
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var ExploreFiles = ({
   FilesSelected,
-  //UploadButtonText = 'upload files',
   numberOfFiles,
   allowedNumberOfFiles,
   activatedLanguage,
@@ -909,28 +862,10 @@ var ExploreFiles = ({
   errorId,
   questionObject,
   showErrors,
-  errorMessageAddingFile,
-  removeUploadErrors = () => {
-    alert("finns ingen funktion");
-  }
+  errorMessageAddingFile
 }) => {
   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);
@@ -940,32 +875,18 @@ 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)(
-      "label",
+      "div",
       {
-        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",
@@ -976,34 +897,34 @@ var ExploreFiles = ({
                 "filePickButton",
                 showErrors && questionObject.error ? "filePickButton error" : ""
               ),
-              "aria-describedby": `${aboutId} ${showErrors && questionObject.error ? errorId : ""}`.trim(),
-              "aria-label": `${activatedLanguage === "sv" ? "V\xE4lj fil" : "Choose file"} ${addFilesInfoText}`,
+              "aria-describedby": `${aboutId} ${questionObject.hasValidationError ? errorId : ""}`.trim(),
+              "aria-label": ariaLabelText,
               children: activatedLanguage === "sv" ? "V\xE4lj fil" : "Choose file"
             }
           ),
-          /* @__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)("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",
+      {
+        "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,
-        removeUploadErrors,
-        activatedLanguage,
-        putFocusOnButton
+        activatedLanguage
       }
     )
   ] }) });
@@ -1037,11 +958,12 @@ var SelectedFiles = ({
   errorMessageAddingFile,
   activatedLanguage,
   numberOfFiles,
-  setNumberOfFiles
+  setNumberOfFiles,
+  removeUploadErrors
 }) => {
   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 } };
@@ -1067,58 +989,54 @@ var SelectedFiles = ({
   };
   const windowWidth = useWindowWidth();
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-    /* @__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",
-              {
-                "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", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-              "button",
+    /* @__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,
               {
-                className: "selectedFilesLinkButton",
-                onClick: () => {
-                  removeError(index);
+                style: {
+                  width: "100%",
+                  color: "#8e0039"
                 },
-                "aria-label": activatedLanguage === "sv" ? `St\xE4ng felmeddelandet f\xF6r ${errorFileName}` : `Close error message for ${errorFileName}`,
-                children: activatedLanguage === "sv" ? "St\xE4ng" : "Close"
+                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, { 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) => {
+            ) }),
+            /* @__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) => {
       const indicatorfileName = file.FileName;
       let mobileFirstFileName = file.FileName.split(".").shift();
       mobileFirstFileName = mobileFirstFileName.length > 8 ? mobileFirstFileName.substring(0, 8) + ".." : mobileFirstFileName;
@@ -1149,13 +1067,12 @@ 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)(
@@ -1349,7 +1266,6 @@ 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",
         {
@@ -1369,14 +1285,8 @@ 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",
-          {
-            "aria-label": `Felmeddelande. ${questionObject.validationDefaultMessesege}`,
-            className: "errorText",
-            children: questionObject.validationDefaultMessesege
-          }
-        )
+        /* @__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)(
         ExploreFilesStandard_default,
@@ -1405,7 +1315,8 @@ var AddFiles = ({
           errorMessageAddingFile,
           activatedLanguage,
           numberOfFiles,
-          setNumberOfFiles
+          setNumberOfFiles,
+          removeUploadErrors: handleRemoveErrors
         }
       )
     ] }) }),
@@ -1858,7 +1769,7 @@ var EditPreviewLink = ({
       href: "#",
       onClick: (e) => {
         e.preventDefault();
-        changeStepHandler(step);
+        changeStepHandler(step.step);
       },
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
@@ -1896,7 +1807,6 @@ 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",
@@ -1922,63 +1832,56 @@ var Footer = ({ activatedLanguage = "sv" }) => {
         ]
       }
     ),
-    /* @__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" })
-              ]
-            }
-          ) })
-        ] })
-      }
-    )
+    /* @__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" })
+          ]
+        }
+      ) })
+    ] }) })
   ] });
 };
 var FooterStandard_default = Footer;
@@ -2394,12 +2297,14 @@ var Header = ({
     useLanguage && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
       "button",
       {
-        "aria-label": activatedLanguage === "en" ? "Change language to Svenska" : "\xC4ndra spr\xE5k till English",
+        lang: activatedLanguage === "en" ? "en" : "sv",
         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", { className: "pts-languageButton", children: getLanguageLabel() })
+          /* @__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" })
         ]
       }
     )
@@ -2489,7 +2394,6 @@ var TextHeadlineAndBody = ({ data, headlineType = "h2" }) => {
     "section",
     {
       className: "pts-textHeadlineAndBody-container",
-      "aria-labelledby": "textHeadlineAndBody-headline",
       children: [
         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) } }),
@@ -2499,7 +2403,6 @@ 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",
@@ -2669,7 +2572,24 @@ var ServiceHeadlineAndBodyStandard_default = ServiceHeadlineAndBody;
 // src/NewTextComponentStandard/SkipLinkStandard/SkipLinkStandard.tsx
 var import_jsx_runtime23 = require("react/jsx-runtime");
 var SkipLink = () => {
-  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" }) });
+  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"
+    }
+  ) });
 };
 var SkipLinkStandard_default = SkipLink;
 
@@ -2809,7 +2729,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: `#question-${questionId}`,
+          href: "#",
           onClick: (e) => {
             e.preventDefault();
             scrollToQuestion(questionId);