optimized-react-component-library-xyz123 0.1.159 → 0.1.161

package/dist/index.js

@@ -31,7 +31,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   AddFilesStandard: () => AddFilesStandard_default,
-  CheckboxGroupStandard: () => CheckboxGroupStandard_default,
   CookieBanner: () => CookieBanner_default,
   EditPreviewLinkStandard: () => EditPreviewLinkStandard_default,
   FooterStandard: () => FooterStandard_default,
@@ -43,6 +42,7 @@ __export(index_exports, {
   QuestionGroup: () => QuestionGroup_default,
   QuestionRenderer: () => QuestionRenderer_default,
   RadioMultipleStandard: () => RadioMultipleStandard_default,
+  SingleCheckboxStandard: () => SingleCheckboxStandard_default,
   SkipLinkStandard: () => SkipLinkStandard_default,
   StartApplicationButton: () => StartApplicationButton_default,
   StepperButtonsStandard: () => StepperButtonsStandard_default,
@@ -228,100 +228,9 @@ var PrevieMultipleCheckboxes = ({
   ] });
 };
 
-// src/components/input-components/CheckboxGroupStandard/CheckboxGroupStandard.tsx
-var import_react2 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var CheckboxGroup = ({
-  question,
-  handleQuestionInputChange,
-  showPreview = false,
-  activatedLanguage = "sv"
-}) => {
-  var _a, _b;
-  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)) || [];
-    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);
-    console.log("checkedValues" + checkedValues);
-  };
-  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-checkboxGroup-container", children: /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime3.jsxs)("legend", { className: "pts-checkboxGroup-legend", id: `label-${groupId}`, children: [
-            question.questionLabel,
-            " ",
-            question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" })
-          ] }),
-          (_a = question.options) == null ? void 0 : _a.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "pts-checkboxGroup-options", 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: `${groupId}-option-${index}`, children: option.label })
-          ] }) }, index)),
-          question.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "pts-root-error", id: errorId, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "sr-only", children: "Valideringsfel" }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "errorText", children: ((_b = question.validationDefaultMessesege) != null ? _b : activatedLanguage === "sv") ? "V\xE4nligen besvara" : "Please reply" })
-          ] })
-        ]
-      }
-    ) }),
-    showPreview && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PreviewCheckboxGroup, { activatedLanguage, question })
-  ] });
-};
-var CheckboxGroupStandard_default = CheckboxGroup;
-var PreviewCheckboxGroup = ({
-  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/TextAreaStandard/TextAreaStandard.tsx
 var import_dompurify = __toESM(require("dompurify"));
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var InputTextarea = ({
   question,
   handleQuestionInputChange,
@@ -334,19 +243,19 @@ var InputTextarea = ({
   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_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    !showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
       "div",
       {
         id: questionId,
         className: `pts-root-question pts-textArea-container${question.aboutText ? " pts-question-hasAbout" : ""}`,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { htmlFor: inputId, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { htmlFor: inputId, children: [
             question.questionLabel,
             " ",
-            question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "pts-root-mandatoryAsterisk", "aria-hidden": "true", children: "*" })
+            question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "pts-root-mandatoryAsterisk", "aria-hidden": "true", children: "*" })
           ] }),
-          question.aboutText && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          question.aboutText && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "div",
             {
               id: aboutId,
@@ -356,7 +265,7 @@ var InputTextarea = ({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
             "textarea",
             {
               className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0,
@@ -370,12 +279,12 @@ var InputTextarea = ({
               id: inputId
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "pts-textarea-counter-error-container", children: [
-            question.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "pts-root-error", id: errorId, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-label": "Felmeddelande.", className: "errorDot", children: "!" }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "errorText", children: question.validationDefaultMessesege })
+          /* @__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_runtime4.jsxs)(
+            !((_b = question.questionExtraAttribute) == null ? void 0 : _b.hideTextCounter) && /* @__PURE__ */ (0, import_jsx_runtime3.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" : ""}`,
@@ -392,7 +301,7 @@ var InputTextarea = ({
         ]
       }
     ),
-    showPreview && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PreviewTextarea, { activatedLanguage, question })
+    showPreview && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PreviewTextarea, { activatedLanguage, question })
   ] });
 };
 var TextAreaStandard_default = InputTextarea;
@@ -402,9 +311,9 @@ var PreviewTextarea = ({
 }) => {
   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-textArea-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  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)(
       "dd",
       {
         className: "pts-textArea-preview pts-root-answer no-answer-preview-page",
@@ -417,7 +326,7 @@ var PreviewTextarea = ({
 
 // src/components/input-components/TextFieldStandard/TextFieldStandard.tsx
 var import_dompurify2 = __toESM(require("dompurify"));
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var TextFieldStandard = ({
   question,
   handleQuestionInputChange,
@@ -430,19 +339,19 @@ var TextFieldStandard = ({
   const aboutId = `about-${question.id}`;
   const errorId = `error-${question.id}`;
   const defaultMaxLength = 1e3;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-    !showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    !showPreview && question.visible && /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime5.jsxs)("label", { htmlFor: inputId, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { htmlFor: inputId, children: [
             question.questionLabel,
             " ",
-            question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime5.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: "*" })
           ] }),
-          question.aboutText && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          question.aboutText && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             "div",
             {
               id: aboutId,
@@ -452,7 +361,7 @@ var TextFieldStandard = ({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             "input",
             {
               type: (_c = (_b = question.questionExtraAttribute) == null ? void 0 : _b.inputType) != null ? _c : "text",
@@ -474,15 +383,15 @@ var TextFieldStandard = ({
               autoCapitalize: (_m = (_l = question.questionExtraAttribute) == null ? void 0 : _l.autoCapitalize) != null ? _m : void 0
             }
           ),
-          question.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: "pts-root-error", id: errorId, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "aria-hidden": true, className: "errorDot", children: "!" }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "sr-only", children: "Valideringsfel" }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "errorText", children: question.validationDefaultMessesege })
+          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 })
           ] })
         ]
       }
     ),
-    showPreview && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PreviewTextField, { activatedLanguage, question })
+    showPreview && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PreviewTextField, { activatedLanguage, question })
   ] });
 };
 var TextFieldStandard_default = TextFieldStandard;
@@ -492,9 +401,9 @@ var PreviewTextField = ({
 }) => {
   var _a, _b;
   const previewId = `preview-${question.id}`;
-  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-textField-preview pts-root-answer", id: `answer-${previewId}`, children: question.answer }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  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)(
       "dd",
       {
         className: "pts-textField-preview pts-root-answer no-answer-preview-page",
@@ -506,12 +415,12 @@ var PreviewTextField = ({
 };
 
 // src/components/input-components/AddFilesStandard/AddFilesStandard.tsx
-var import_react7 = require("react");
+var import_react6 = 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_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime5 = 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 });
@@ -519,10 +428,10 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
     event.preventDefault();
     event.stopPropagation();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "DropZoneContainer", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "DropZone", ...getRootProps(), onClick: handleFileExplorer, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("label", { htmlFor: "fileDropInput", hidden: true, children: [
+  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: [
       "Dra och sl\xE4pp filer h\xE4r omr\xE5de",
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "input",
         {
           ...getInputProps({
@@ -533,8 +442,8 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
         }
       )
     ] }),
-    isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("b", { className: "dropFilesNowText", children: language === "sv" ? "Sl\xE4pp filerna, nu ...!" : "Drop files here!" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "DropZone-label-container", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    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)(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -542,7 +451,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_runtime6.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime5.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",
@@ -551,26 +460,26 @@ var DropFiles = ({ FilesSelected, DropFilesText = "Dra och sl\xE4pp dina filer h
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "dropFilesText", children: DropFilesText })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "dropFilesText", children: DropFilesText })
     ] })
   ] }) }) });
 };
 var DropFilesStandard_default = DropFiles;
 
 // src/components/input-components/AddFilesStandard/ExploreFilesStandard.tsx
-var import_react4 = require("react");
+var import_react3 = require("react");
 var import_clsx = __toESM(require("clsx"));
 
 // src/components/input-components/AddFilesStandard/ScreenReaderErrors.tsx
-var import_react3 = __toESM(require("react"));
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_react2 = __toESM(require("react"));
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var ScreenReaderErrors = ({
   errorMessageAddingFile,
   activatedLanguage
 }) => {
-  const [activateErrorMessagesForScreenReader, setActivateErrorMessagesForScreenReader] = import_react3.default.useState(false);
-  const [errorMessagesForScreenReader, setErrorMessagesForScreenReader] = import_react3.default.useState("");
-  import_react3.default.useEffect(() => {
+  const [activateErrorMessagesForScreenReader, setActivateErrorMessagesForScreenReader] = import_react2.default.useState(false);
+  const [errorMessagesForScreenReader, setErrorMessagesForScreenReader] = import_react2.default.useState("");
+  import_react2.default.useEffect(() => {
     if (errorMessageAddingFile.length > 0) {
       let errorMessages = "";
       errorMessages += errorMessageAddingFile.length;
@@ -582,12 +491,12 @@ 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 }) });
+  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 }) });
 };
 var ScreenReaderErrors_default = ScreenReaderErrors;
 
 // src/components/input-components/AddFilesStandard/ExploreFilesStandard.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var ExploreFiles = ({
   FilesSelected,
   numberOfFiles,
@@ -601,8 +510,8 @@ var ExploreFiles = ({
   showErrors,
   errorMessageAddingFile
 }) => {
-  const fileInputRef = (0, import_react4.useRef)(null);
-  const buttonInputRef = (0, import_react4.useRef)(null);
+  const fileInputRef = (0, import_react3.useRef)(null);
+  const buttonInputRef = (0, import_react3.useRef)(null);
   const handleFiles = (event) => {
     const files = Array.from(event.target.files || []);
     FilesSelected(files);
@@ -614,8 +523,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_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "inputContainer", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  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)(
       "div",
       {
         className: (0, import_clsx.default)(
@@ -625,7 +534,7 @@ var ExploreFiles = ({
         ),
         id: labelId,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             "button",
             {
               ref: buttonInputRef,
@@ -639,12 +548,12 @@ var ExploreFiles = ({
               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_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_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "input",
       {
         "aria-hidden": true,
@@ -657,7 +566,7 @@ var ExploreFiles = ({
         id: inputId
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       ScreenReaderErrors_default,
       {
         errorMessageAddingFile,
@@ -669,22 +578,22 @@ var ExploreFiles = ({
 var ExploreFilesStandard_default = ExploreFiles;
 
 // src/components/input-components/AddFilesStandard/SelectedFilesStandard.tsx
-var import_react6 = __toESM(require("react"));
+var import_react5 = __toESM(require("react"));
 var import_react_bootstrap = require("react-bootstrap");
 
 // src/components/input-components/AddFilesStandard/IndicatorStandard.tsx
-var import_react5 = require("react");
+var import_react4 = require("react");
 var import_clsx2 = __toESM(require("clsx"));
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var Indicator = (filename) => {
-  const [uploadPercentage, setUploadPercentage] = (0, import_react5.useState)(0);
-  const [uploadDone, setUploadDone] = (0, import_react5.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: (0, import_clsx2.default)("uploadIndicator", "uploadDone") }) });
+  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") }) });
 };
 var IndicatorStandard_default = Indicator;
 
 // src/components/input-components/AddFilesStandard/SelectedFilesStandard.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var SelectedFiles = ({
   questionObject,
   isTouched,
@@ -697,7 +606,7 @@ var SelectedFiles = ({
   setNumberOfFiles,
   removeUploadErrors
 }) => {
-  const theDiv = (0, import_react6.useRef)(null);
+  const theDiv = (0, import_react5.useRef)(null);
   const remove = (file) => {
     let newFiles = questionObject.files.filter((f) => f !== file);
     const newCountOfFiles = newFiles.length;
@@ -706,13 +615,13 @@ var SelectedFiles = ({
     isTouched(e, questionObject);
     removeFile(newCountOfFiles);
   };
-  (0, import_react6.useEffect)(() => {
+  (0, import_react5.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_react6.useState)(window.innerWidth);
-    (0, import_react6.useEffect)(() => {
+    const [windowWidth2, setWindowWidth] = (0, import_react5.useState)(window.innerWidth);
+    (0, import_react5.useEffect)(() => {
       const handleResize = () => {
         setWindowWidth(window.innerWidth);
       };
@@ -724,10 +633,10 @@ var SelectedFiles = ({
     return windowWidth2;
   };
   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)("div", { className: "pts-errorSummary-container pts-addFile-error-container", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { "aria-hidden": "true", className: "errorDot", children: "!" }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "addFile-error-list-container", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("ul", { "aria-hidden": true, className: "fileListUnorderedList", id: "errorSummary-ul", children: [
+  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: [
         " ",
         errorMessageAddingFile.map((errorObj, index) => {
           const errorFileName = errorObj.FileName;
@@ -735,9 +644,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_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.jsx)(import_react_bootstrap.Row, { 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.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          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)(
               import_react_bootstrap.Col,
               {
                 className: "errorMessageAddingFile",
@@ -752,7 +661,7 @@ var SelectedFiles = ({
           ] }, index) }) }) }, `error-${errorObj.FileName}-${index}`) });
         })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "addFile-error-close-button", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "addFile-error-close-button", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         "button",
         {
           className: "selectedFilesLinkButton error-close",
@@ -760,7 +669,7 @@ var SelectedFiles = ({
             removeError();
           },
           "aria-label": activatedLanguage === "sv" ? `St\xE4ng felmeddelande` : `Close error message`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -768,7 +677,7 @@ var SelectedFiles = ({
               height: "14",
               viewBox: "0 0 14 14",
               fill: "none",
-              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                 "path",
                 {
                   d: "M0.75 12.75L12.75 0.75M0.75 0.75L12.75 12.75",
@@ -782,15 +691,15 @@ var SelectedFiles = ({
         }
       ) })
     ] }) }),
-    questionObject.files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { className: "fileListUnorderedList", "aria-label": "Uppladdade filer", children: questionObject.files.map((file, index) => {
+    questionObject.files.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.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_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)("div", { className: "fileItem", 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: "uploadedDot", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      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)(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -798,7 +707,7 @@ var SelectedFiles = ({
               height: "8",
               viewBox: "0 0 8 8",
               fill: "none",
-              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                 "path",
                 {
                   d: "M1 4.65913L2.8 6.45913L7 1.35913",
@@ -809,20 +718,20 @@ var SelectedFiles = ({
               )
             }
           ) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { children: windowWidth < 768 ? /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "mobileFirstFileName", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_bootstrap.Col, { children: windowWidth < 768 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "mobileFirstFileName", children: [
             mobileFirstFileName,
             " (",
             Math.ceil(file.FileSize / (1024 * 1024)),
             " ",
             "MB)"
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "desktopFileName", children: [
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "desktopFileName", children: [
             file.FileName,
             " (",
-            /* @__PURE__ */ (0, import_jsx_runtime10.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)("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_runtime10.jsx)(import_react_bootstrap.Col, { className: "lastCol", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_bootstrap.Col, { className: "lastCol", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             "button",
             {
               className: "selectedFilesLinkButton",
@@ -832,17 +741,17 @@ var SelectedFiles = ({
             }
           ) })
         ] }),
-        showIndicator && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Row, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_bootstrap.Col, { style: { width: "100%", padding: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(IndicatorStandard_default, { filename: indicatorfileName }) }) }),
-        /* @__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" }) })
+        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" }) })
       ] }, index) }) }) }, `file-${file.FileName}-${index}`) });
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { ref: theDiv, className: "pts-clipboard-container" })
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { ref: theDiv, className: "pts-clipboard-container" })
   ] });
 };
 var SelectedFilesStandard_default = SelectedFiles;
 
 // src/components/input-components/AddFilesStandard/AddFilesStandard.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var AddFiles = ({
   questionObject,
   handleQuestionInputChange = (e, questionObject2) => {
@@ -880,24 +789,24 @@ var AddFiles = ({
   const errorId = `error-${questionObject.id}`;
   const labelId = `label-${questionObject.id}`;
   const maxSizeMB = Math.round(allowedTotalFileSize / 1048576);
-  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)(() => {
+  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)(() => {
     if (activatedLanguage === "sv") {
       setDropFilesText("Dra och sl\xE4pp dina filer h\xE4r");
     } else {
       setDropFilesText("Drag and drop your files here");
     }
   }, [activatedLanguage]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (questionObject.files && questionObject.files.length > 0) {
       setNumberOfFiles(questionObject.files.length);
     }
   }, []);
-  const onDrop = (0, import_react7.useCallback)(
+  const onDrop = (0, import_react6.useCallback)(
     (acceptedFiles) => {
       var _a, _b, _c;
       const validationErrors = [];
@@ -987,7 +896,7 @@ var AddFiles = ({
       reader.readAsDataURL(file);
     });
   };
-  (0, import_react7.useEffect)(() => {
+  (0, import_react6.useEffect)(() => {
     if (newFiles.length > 0) {
       const currentFiles = questionObject.files ? questionObject.files : [];
       const e = {
@@ -1014,9 +923,9 @@ var AddFiles = ({
   const handleRemoveErrors = () => {
     setErrorMessageAddingFile([]);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-    !showPreview && visible && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "root-question addFile-question-container", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { role: "group", children: [
-      questionObject.aboutText && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  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)(
         "p",
         {
           id: aboutId,
@@ -1026,19 +935,19 @@ var AddFiles = ({
           ),
           children: [
             questionObject.aboutText,
-            questionObject.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("span", { className: "pts-root-mandatoryAsterisk", "aria-hidden": "true", children: [
+            questionObject.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "pts-root-mandatoryAsterisk", "aria-hidden": "true", children: [
               " ",
               "*"
             ] })
           ]
         }
       ),
-      questionObject.hasValidationError && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "pts-root-error 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 })
+      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_runtime11.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         ExploreFilesStandard_default,
         {
           FilesSelected: onDrop,
@@ -1054,7 +963,7 @@ var AddFiles = ({
           removeUploadErrors: handleRemoveErrors
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         DropFilesStandard_default,
         {
           FilesSelected: onDrop,
@@ -1062,7 +971,7 @@ var AddFiles = ({
           language: activatedLanguage
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         SelectedFilesStandard_default,
         {
           questionObject,
@@ -1077,7 +986,7 @@ var AddFiles = ({
         }
       )
     ] }) }),
-    showPreview && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PreviewAddFiles, { activatedLanguage, questionObject })
+    showPreview && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PreviewAddFiles, { activatedLanguage, questionObject })
   ] });
 };
 var AddFilesStandard_default = AddFiles;
@@ -1086,11 +995,95 @@ 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" })
+  ] });
+};
+
+// src/components/input-components/SingleCheckboxStandard/SingleCheckboxStandard.tsx
+var import_react7 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var SingleCheckboxes = ({
+  question,
+  handleQuestionInputChange,
+  showPreview = false,
+  activatedLanguage = "sv"
+}) => {
+  var _a, _b;
+  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);
+  const handleInputChange = (event) => {
+    let answer = checked ? question.questionLabel : "";
+    setChecked(event.target.checked);
+    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.jsx)("div", { id: questionId, className: "pts-root-question pts-singleCheckbox-container", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("legend", { id: `label-${questionId}`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        "input",
+        {
+          type: "checkbox",
+          name: `question-name-${question.id}`,
+          id: `${inputId}`,
+          value: (_a = question.questionLabel) != null ? _a : "",
+          checked,
+          onChange: (e) => handleInputChange(e),
+          className: question.hasValidationError ? "pts-root-question-input-error-border" : void 0,
+          disabled: (_b = question.questionExtraAttribute) == null ? void 0 : _b.disabled,
+          required: question.isQuestionMandatory,
+          "aria-required": question.isQuestionMandatory,
+          "aria-describedby": [question.aboutText ? aboutId : null].filter(Boolean).join(" ") || void 0,
+          "aria-invalid": question.hasValidationError,
+          "aria-errormessage": question.hasValidationError ? errorId : void 0
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("label", { htmlFor: `${questionId}`, children: question.questionLabel }),
+      question.isQuestionMandatory && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { "aria-hidden": true, className: "pts-root-mandatoryAsterisk", children: "*" }),
+      " ",
+      question.aboutText && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        "div",
+        {
+          id: aboutId,
+          className: "pts-about",
+          dangerouslySetInnerHTML: { __html: question.aboutText }
+        }
+      ),
+      " ",
+      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 })
+      ] }),
+      " "
+    ] }) }),
+    " ",
+    showPreview && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PreviewSingleCheckboxes, { activatedLanguage, question })
+  ] });
+};
+var SingleCheckboxStandard_default = SingleCheckboxes;
+var PreviewSingleCheckboxes = ({
+  question,
+  activatedLanguage
+}) => {
+  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: questionObject.questionLabel ? questionObject.questionLabel : activatedLanguage === "en" ? "Attached files" : "Bifogade filer" }),
-    questionObject.files && questionObject.files.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("dd", { className: "pts-addFiles-answer", 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)("dd", { className: "no-answer-preview-page", children: activatedLanguage === "en" ? "No attached files" : "Inga bifogade filer" })
+    /* @__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 }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      "dd",
+      {
+        className: "pts-singleCheckbox-preview pts-root-answer no-answer-preview-page",
+        id: `answer-${previewId}`,
+        children: activatedLanguage === "en" ? "No Answer" : "Inget svar"
+      }
+    )
   ] });
 };
 
@@ -1814,6 +1807,14 @@ var QuestionRenderer = ({
         showPreview
       }
     ),
+    question.questionType === "SingleCheckboxStandard" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      SingleCheckboxStandard_default,
+      {
+        question,
+        handleQuestionInputChange,
+        showPreview
+      }
+    ),
     question.questionType === "TextField" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       TextFieldStandard_default,
       {
@@ -1842,15 +1843,6 @@ var QuestionRenderer = ({
         activatedLanguage
       }
     ),
-    question.questionType === "CheckboxGroup" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-      CheckboxGroupStandard_default,
-      {
-        question,
-        handleQuestionInputChange,
-        showPreview,
-        activatedLanguage
-      }
-    ),
     question.questionType === "TextArea" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       TextAreaStandard_default,
       {
@@ -2990,7 +2982,6 @@ var FormStatusMessagesScreenReader_default = FormStatusMessagesScreenReader;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AddFilesStandard,
-  CheckboxGroupStandard,
   CookieBanner,
   EditPreviewLinkStandard,
   FooterStandard,
@@ -3002,6 +2993,7 @@ var FormStatusMessagesScreenReader_default = FormStatusMessagesScreenReader;
   QuestionGroup,
   QuestionRenderer,
   RadioMultipleStandard,
+  SingleCheckboxStandard,
   SkipLinkStandard,
   StartApplicationButton,
   StepperButtonsStandard,