fds-vue-core 4.7.0 → 4.7.2

package/dist/fds-vue-core.cjs.js

@@ -1004,12 +1004,12 @@ const _hoisted_4$9 = {
 };
 const _hoisted_5$8 = { class: "flex items-start justify-between gap-4" };
 const _hoisted_6$5 = { class: "m-0 text-base font-main font-bold tracking-wide" };
-const _hoisted_7$4 = { class: "flex items-start gap-3" };
-const _hoisted_8$3 = {
+const _hoisted_7$5 = { class: "flex items-start gap-3" };
+const _hoisted_8$4 = {
   key: 1,
   class: "mb-0-last-child"
 };
-const _hoisted_9$3 = { key: 1 };
+const _hoisted_9$4 = { key: 1 };
 const _hoisted_10$2 = { class: "flex items-start justify-between gap-4" };
 const _hoisted_11$2 = { class: "flex items-center gap-3" };
 const _hoisted_12$1 = { class: "m-0 text-base font-main font-bold tracking-wide" };
@@ -1059,16 +1059,16 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
             __props.heading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$9, [
               vue.createElementVNode("header", _hoisted_5$8, [
                 vue.createElementVNode("h3", _hoisted_6$5, vue.toDisplayString(__props.heading), 1),
-                vue.createElementVNode("div", _hoisted_7$4, [
+                vue.createElementVNode("div", _hoisted_7$5, [
                   vue.renderSlot(_ctx.$slots, "headerInfo")
                 ])
               ])
             ])) : vue.createCommentVNode("", true),
-            vue.unref(hasSlot) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$3, [
+            vue.unref(hasSlot) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$4, [
               vue.renderSlot(_ctx.$slots, "default")
             ])) : vue.createCommentVNode("", true)
           ])
-        ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$3, [
+        ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$4, [
           __props.heading ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: vue.normalizeClass({ "mb-2": vue.unref(hasSlot) })
@@ -8424,6 +8424,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     const clearButtonLabel = vue.computed(() => props.locale === "sv" ? "Rensa input" : "Clear input");
     const passwordButtonShowLabel = vue.computed(() => props.locale === "sv" ? "Visa" : "Show");
     const passwordButtonHideLabel = vue.computed(() => props.locale === "sv" ? "Dölj" : "Hide");
+    const dateButtonLabel = vue.computed(() => props.locale === "sv" ? "Öppna datumväljare" : "Open date picker");
     const showInvalidMessage = vue.computed(() => props.valid === false && !props.optional && props.invalidMessage);
     const isInvalid = vue.computed(() => props.valid === false && !props.optional && !props.disabled);
     const isValid = vue.computed(() => props.valid === true);
@@ -8432,8 +8433,10 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     );
     const showClearButton = vue.computed(() => props.clearButton && !!internalValue.value && !props.disabled);
     const showValidationIcon = vue.computed(() => isInvalid.value || isValid.value);
+    const showDateIcon = vue.computed(() => inputType.value === "date");
     const rightIconCount = vue.computed(() => {
       let count = 0;
+      if (showDateIcon.value) count++;
       if (showValidationIcon.value) count++;
       if (showClearButton.value) count++;
       if (props.searchIcon) count++;
@@ -8454,6 +8457,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
       maxlength.value ? "" : "w-full",
       inputPaddingRight.value,
       "focus:outline-2 focus:outline-blue-500 -outline-offset-2 focus:border-transparent",
+      showDateIcon.value && "[&::-webkit-calendar-picker-indicator]:opacity-0 [&::-webkit-calendar-picker-indicator]:pointer-events-none",
       props.disabled ? "text-gray-800 outline-dashed outline-2 outline-gray-400 cursor-not-allowed border-transparent" : "bg-white",
       isInvalid.value && "outline-2 outline-red-600",
       props.inputClass
@@ -8484,6 +8488,10 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
       internalValue.value = "";
       emit("clearInput");
     }
+    function onDateIconClick() {
+      if (!showDateIcon.value || props.disabled) return;
+      inputRef.value?.showPicker?.();
+    }
     const showPassword = vue.ref(false);
     const isLazy = vue.computed(() => props.modelModifiers?.lazy === true);
     function toggleShowPassword() {
@@ -8615,30 +8623,38 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(rightIconsContainerClasses.value)
               }, [
-                isInvalid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+                showDateIcon.value ? (vue.openBlock(), vue.createBlock(_sfc_main$D, {
                   key: 0,
+                  "aria-label": dateButtonLabel.value,
+                  onClick: onDateIconClick,
+                  icon: "calendar",
+                  size: 28,
+                  class: "fill-blue-500"
+                }, null, 8, ["aria-label"])) : vue.createCommentVNode("", true),
+                isInvalid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+                  key: 1,
                   name: "alert",
                   class: "fill-red-600"
                 })) : vue.createCommentVNode("", true),
                 isValid.value ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
-                  key: 1,
+                  key: 2,
                   name: "bigSuccess"
                 })) : vue.createCommentVNode("", true),
                 props.searchIcon ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
-                  key: 2,
+                  key: 3,
                   name: "search",
                   size: 24,
                   class: "fill-blue-500"
                 })) : vue.createCommentVNode("", true),
                 showClearButton.value ? (vue.openBlock(), vue.createBlock(_sfc_main$D, vue.mergeProps({
-                  key: 3,
+                  key: 4,
                   icon: "cross"
                 }, { "aria-label": clearButtonLabel.value }, {
                   onClick: onClear,
                   size: 30
                 }), null, 16)) : vue.createCommentVNode("", true),
                 showPasswordToggle.value ? (vue.openBlock(), vue.createBlock(_sfc_main$v, {
-                  key: 4,
+                  key: 5,
                   icon: showPassword.value ? "viewOff" : "viewOn",
                   text: showPassword.value ? passwordButtonHideLabel.value : passwordButtonShowLabel.value,
                   onClick: toggleShowPassword
@@ -8812,9 +8828,9 @@ const _hoisted_3$8 = {
 const _hoisted_4$7 = { class: "w-full text-left text-xs border-collapse" };
 const _hoisted_5$7 = ["onClick"];
 const _hoisted_6$4 = { class: "py-1.5 px-3 font-mono break-all" };
-const _hoisted_7$3 = { class: "py-1.5 px-3 font-mono whitespace-pre-wrap break-all" };
-const _hoisted_8$2 = { class: "mt-4 space-y-2" };
-const _hoisted_9$2 = { class: "flex flex-col gap-1" };
+const _hoisted_7$4 = { class: "py-1.5 px-3 font-mono whitespace-pre-wrap break-all" };
+const _hoisted_8$3 = { class: "mt-4 space-y-2" };
+const _hoisted_9$3 = { class: "flex flex-col gap-1" };
 const _hoisted_10$1 = { class: "flex flex-col gap-1" };
 const _hoisted_11$1 = {
   key: 0,
@@ -9117,14 +9133,14 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
                           onClick: ($event) => selectLocalEntry(entry)
                         }, [
                           vue.createElementVNode("td", _hoisted_6$4, vue.toDisplayString(entry.key), 1),
-                          vue.createElementVNode("td", _hoisted_7$3, vue.toDisplayString(entry.value), 1)
+                          vue.createElementVNode("td", _hoisted_7$4, vue.toDisplayString(entry.value), 1)
                         ], 8, _hoisted_5$7);
                       }), 128))
                     ])
                   ])
                 ])),
-                vue.createElementVNode("div", _hoisted_8$2, [
-                  vue.createElementVNode("div", _hoisted_9$2, [
+                vue.createElementVNode("div", _hoisted_8$3, [
+                  vue.createElementVNode("div", _hoisted_9$3, [
                     _cache[13] || (_cache[13] = vue.createElementVNode("label", { class: "text-xs font-semibold" }, "Nyckel", -1)),
                     vue.withDirectives(vue.createElementVNode("input", {
                       "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => localEditKey.value = $event),
@@ -9694,9 +9710,9 @@ const _hoisted_6$3 = {
   key: 0,
   class: "flex justify-center p-4"
 };
-const _hoisted_7$2 = ["id", "onMouseup"];
-const _hoisted_8$1 = ["id", "onKeydown"];
-const _hoisted_9$1 = ["for", "innerHTML"];
+const _hoisted_7$3 = ["id", "onMouseup"];
+const _hoisted_8$2 = ["id", "onKeydown"];
+const _hoisted_9$2 = ["for", "innerHTML"];
 const _hoisted_10 = {
   key: 2,
   class: "block m-0 list-none p-0"
@@ -10187,13 +10203,13 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                         vue.withKeys((e) => handleClick(e, item), ["enter"]),
                         vue.withKeys(vue.withModifiers((e) => handleClick(e, item), ["prevent"]), ["space"])
                       ]
-                    }, null, 40, _hoisted_8$1),
+                    }, null, 40, _hoisted_8$2),
                     vue.createElementVNode("label", {
                       for: `search-select-radio-${index}`,
                       class: vue.normalizeClass([labelClasses.value, listItemClasses.value]),
                       innerHTML: handleMatchingString(item)
-                    }, null, 10, _hoisted_9$1)
-                  ], 42, _hoisted_7$2);
+                    }, null, 10, _hoisted_9$2)
+                  ], 42, _hoisted_7$3);
                 }), 128))
               ], 32),
               __props.page !== void 0 && totalPages.value !== null && totalPages.value > 1 ? (vue.openBlock(), vue.createBlock(_sfc_main$j, {
@@ -10941,9 +10957,9 @@ const _hoisted_6$2 = {
   key: 2,
   class: "items-center max-h-[28px]"
 };
-const _hoisted_7$1 = { class: "flex flex-col gap-2" };
-const _hoisted_8 = ["onClick"];
-const _hoisted_9 = { key: 0 };
+const _hoisted_7$2 = { class: "flex flex-col gap-2" };
+const _hoisted_8$1 = ["onClick"];
+const _hoisted_9$1 = { key: 0 };
 const popoverWidth = 327;
 const popoverHeight = 80;
 const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
@@ -11218,7 +11234,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                       }, ["stop"])),
                       onFocusout: onPanelFocusOut
                     }, [
-                      vue.createElementVNode("div", _hoisted_7$1, [
+                      vue.createElementVNode("div", _hoisted_7$2, [
                         (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(options, (option) => {
                           return vue.createElementVNode("div", {
                             key: option.value,
@@ -11238,7 +11254,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                               onBlur: closePopover,
                               label: option.label
                             }, null, 8, ["modelValue", "id", "name", "value", "label"])
-                          ], 8, _hoisted_8);
+                          ], 8, _hoisted_8$1);
                         }), 64))
                       ]),
                       vue.createVNode(_sfc_main$D, vue.mergeProps({
@@ -11256,7 +11272,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
             ])) : vue.createCommentVNode("", true)
           ])
         ], 4),
-        vue.unref(expandedNodes).has(props.nodeId) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
+        vue.unref(expandedNodes).has(props.nodeId) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$1, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredNodes.value, (child) => {
             return vue.openBlock(), vue.createBlock(_component_TreeNode, {
               key: child.nodeId,
@@ -11556,13 +11572,41 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$4 = { class: "h-[2px] absolute top-[22px] left-[50%] bg-white-solid transform -translate-x-1/2 w-[calc(100%-50px)]" };
-const _hoisted_2$3 = { class: "flex justify-between list-none mb-8 p-0" };
-const _hoisted_3$3 = { class: "flex justify-between w-full" };
-const _hoisted_4$3 = ["onClick", "disabled"];
-const _hoisted_5$3 = { key: 0 };
-const _hoisted_6$1 = { class: "text-blue-600 font-bold text-sm" };
 const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "FdsLead",
+  props: {
+    dataTestid: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const attrs = vue.useAttrs();
+    const rootAttrs = vue.computed(() => {
+      const result = { ...attrs };
+      if (props.dataTestid) {
+        result["data-testid"] = props.dataTestid;
+      }
+      return result;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({ class: "inline-block font-light text-lg" }, rootAttrs.value), [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+const _hoisted_1$4 = { class: "mb-6" };
+const _hoisted_2$3 = { class: "mb-0" };
+const _hoisted_3$3 = { class: "relative" };
+const _hoisted_4$3 = { class: "h-[2px] absolute top-[22px] left-[50%] bg-white-solid transform -translate-x-1/2 w-[calc(100%-50px)]" };
+const _hoisted_5$3 = { class: "flex justify-between list-none mb-8 p-0" };
+const _hoisted_6$1 = { class: "flex justify-between w-full" };
+const _hoisted_7$1 = ["onClick", "disabled"];
+const _hoisted_8 = { key: 0 };
+const _hoisted_9 = { class: "text-blue-600 font-bold text-sm" };
+const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsWizard",
   props: {
     routes: {},
@@ -11576,11 +11620,16 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   },
   emits: ["go"],
   setup(__props, { expose: __expose, emit: __emit }) {
+    const mainHeading = vue.ref("");
+    const mainLead = vue.ref("");
+    const contentClass = vue.ref("max-w-screen-sm");
     const props = __props;
     const emit = __emit;
     const instance = vue.getCurrentInstance();
     const internalCompletedTo = vue.ref(0);
     const internalMaxStep = vue.ref(0);
+    const wizardData = vue.ref({});
+    const validatedRouteNames = vue.ref({});
     const router = vue.computed(() => {
       try {
         return instance?.appContext.config.globalProperties.$router;
@@ -11670,29 +11719,50 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
       }
       return classes.join(" ");
     };
-    const isStepDisabled = (step) => {
-      const routeDisabled = props.routes[step]?.disabled === true;
-      const completionDisabled = effectiveCompletedTo.value < step - 1;
-      const maxStepDisabled = step > internalMaxStep.value;
-      return routeDisabled || completionDisabled || maxStepDisabled;
+    const isRouteValidated = (route) => {
+      if (!route) return false;
+      return validatedRouteNames.value[route.routeName] === true;
+    };
+    const canGoToStep = (from, to) => {
+      const toRoute = props.routes[to];
+      if (!toRoute) return false;
+      if (toRoute.disabled === true) return false;
+      if (to === from) return false;
+      if (to < from) return true;
+      const anyValidated = Object.keys(validatedRouteNames.value).length > 0;
+      if (!anyValidated) return false;
+      return isRouteValidated(toRoute);
+    };
+    const validateStep = (routeName2) => {
+      if (!routeName2) return;
+      validatedRouteNames.value = {
+        ...validatedRouteNames.value,
+        [routeName2]: true
+      };
+    };
+    const setWizardData = (patch) => {
+      wizardData.value = {
+        ...wizardData.value,
+        ...patch
+      };
     };
     const goToStep = (step) => {
-      if (isStepDisabled(step)) return;
+      const from = currentStepIndex.value;
       const route = props.routes[step];
       if (!route) return;
-      if (router.value) {
-        if (route.routeName) {
-          router.value.push({
-            name: route.routeName,
-            params: route.params,
-            query: route.query
-          });
-        } else if (route.to) {
-          router.value.push({
-            path: route.to,
-            query: route.query
-          });
-        }
+      if (!router.value) return;
+      if (!canGoToStep(from, step)) return;
+      if (route.routeName) {
+        router.value.push({
+          name: route.routeName,
+          params: route.params,
+          query: route.query
+        });
+      } else if (route.to) {
+        router.value.push({
+          path: route.to,
+          query: route.query
+        });
       }
       emit("go", { index: step, route });
     };
@@ -11708,63 +11778,102 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
         goToStep(prev);
       }
     };
+    const setHeading = (heading) => {
+      mainHeading.value = heading;
+    };
+    const setLead = (lead) => {
+      mainLead.value = lead;
+    };
+    const setContentClass = (classes) => {
+      contentClass.value = classes;
+    };
     __expose({
       goToStep,
       nextStep,
       previousStep,
       currentStep: currentStepIndex,
       completedTo: internalCompletedTo,
-      maxStep: internalMaxStep
+      maxStep: internalMaxStep,
+      wizardData,
+      setWizardData,
+      validateStep,
+      setHeading,
+      setLead,
+      setContentClass
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.guardReactiveProps(rootAttrs.value)), [
         !shouldHideEntireSteps.value ? (vue.openBlock(), vue.createElementBlock("nav", {
           key: 0,
-          class: "max-w-[480px] mx-auto relative",
+          class: "max-w-[480px] mx-auto",
           style: vue.normalizeStyle(stepWidthStyle.value)
         }, [
-          vue.createElementVNode("span", _hoisted_1$4, [
-            vue.createElementVNode("span", {
-              class: "block h-full max-w-full bg-blue-600",
-              style: vue.normalizeStyle({ width: progressWidth.value })
-            }, null, 4)
+          vue.createElementVNode("header", _hoisted_1$4, [
+            vue.createElementVNode("h1", {
+              ref: "mainHeader",
+              tabindex: "-1"
+            }, vue.toDisplayString(mainHeading.value), 513),
+            vue.createVNode(_sfc_main$b, null, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("p", _hoisted_2$3, vue.toDisplayString(mainLead.value), 1)
+              ]),
+              _: 1
+            })
           ]),
-          vue.createElementVNode("div", _hoisted_2$3, [
-            vue.createElementVNode("ol", _hoisted_3$3, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(visibleStepEntries.value, (entry) => {
-                return vue.openBlock(), vue.createElementBlock("li", {
-                  class: "flex flex-col justify-center items-center mb-0",
-                  key: entry.route.id
-                }, [
-                  vue.createElementVNode("button", {
-                    type: "button",
-                    class: vue.normalizeClass(["flex flex-col items-center", { "cursor-not-allowed": isStepDisabled(entry.index) }]),
-                    onClick: ($event) => __props.disableStepJump ? null : goToStep(entry.index),
-                    disabled: isStepDisabled(entry.index)
+          vue.createElementVNode("div", _hoisted_3$3, [
+            vue.createElementVNode("span", _hoisted_4$3, [
+              vue.createElementVNode("span", {
+                class: "block h-full max-w-full bg-blue-600",
+                style: vue.normalizeStyle({ width: progressWidth.value })
+              }, null, 4)
+            ]),
+            vue.createElementVNode("div", _hoisted_5$3, [
+              vue.createElementVNode("ol", _hoisted_6$1, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(visibleStepEntries.value, (entry) => {
+                  return vue.openBlock(), vue.createElementBlock("li", {
+                    class: "flex flex-col justify-center items-center mb-0",
+                    key: entry.route.id
                   }, [
-                    vue.createElementVNode("span", {
-                      class: vue.normalizeClass(["relative flex flex-col items-center text-blue-600 font-bold justify-center transition-all duration-200 ease-in-out mb-2 rounded-full w-[44px] h-[44px] bg-white-solid", setStepClasses(entry.index)])
+                    vue.createElementVNode("button", {
+                      type: "button",
+                      class: vue.normalizeClass(["flex flex-col items-center", { "cursor-not-allowed": !canGoToStep(currentStepIndex.value, entry.index) }]),
+                      onClick: ($event) => __props.disableStepJump ? null : goToStep(entry.index),
+                      disabled: !canGoToStep(currentStepIndex.value, entry.index)
                     }, [
-                      entry.index >= effectiveCompletedTo.value + 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$3, vue.toDisplayString(entry.index + 1), 1)) : (vue.openBlock(), vue.createBlock(_sfc_main$E, {
-                        key: 1,
-                        name: "checkmark",
-                        size: 24
-                      }))
-                    ], 2),
-                    vue.createElementVNode("span", _hoisted_6$1, vue.toDisplayString(entry.route.name), 1)
-                  ], 10, _hoisted_4$3)
-                ]);
-              }), 128))
+                      vue.createElementVNode("span", {
+                        class: vue.normalizeClass(["relative flex flex-col items-center text-blue-600 font-bold justify-center transition-all duration-200 ease-in-out mb-2 rounded-full w-[44px] h-[44px] bg-white-solid", setStepClasses(entry.index)])
+                      }, [
+                        entry.index >= effectiveCompletedTo.value + 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, vue.toDisplayString(entry.index + 1), 1)) : (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+                          key: 1,
+                          name: "checkmark",
+                          size: 24
+                        }))
+                      ], 2),
+                      vue.createElementVNode("span", _hoisted_9, vue.toDisplayString(entry.route.name), 1)
+                    ], 10, _hoisted_7$1)
+                  ]);
+                }), 128))
+              ])
             ])
           ])
         ], 4)) : vue.createCommentVNode("", true),
-        vue.renderSlot(_ctx.$slots, "default", {
-          currentStepIndex: currentStepIndex.value,
-          currentRoute: currentRoute.value,
-          goToStep,
-          nextStep,
-          previousStep
-        })
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass([contentClass.value, "mx-auto"])
+        }, [
+          vue.renderSlot(_ctx.$slots, "default", {
+            currentStepIndex: currentStepIndex.value,
+            currentRoute: currentRoute.value,
+            goToStep,
+            nextStep,
+            previousStep,
+            wizardData: wizardData.value,
+            setWizardData,
+            validateStep,
+            setHeading,
+            setLead,
+            setContentClass
+          })
+        ], 2)
       ], 16);
     };
   }
@@ -11786,7 +11895,7 @@ const _hoisted_7 = {
   key: 2,
   class: "text-red-600 font-bold mt-1"
 };
-const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -11924,7 +12033,7 @@ const _hoisted_5$1 = {
   key: 2,
   class: "text-red-600 font-bold mt-1"
 };
-const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -12050,7 +12159,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsTable",
   props: {
     bordered: { type: Boolean, default: false },
@@ -12083,7 +12192,7 @@ const _hoisted_2 = { key: 0 };
 const _hoisted_3 = { key: 1 };
 const _hoisted_4 = { key: 0 };
 const _hoisted_5 = { key: 1 };
-const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsTableHead",
   props: {
     heading: { default: void 0 },
@@ -12144,7 +12253,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -12186,7 +12295,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -12228,7 +12337,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -12270,7 +12379,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -12293,7 +12402,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -12318,31 +12427,6 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    inheritAttrs: false
-  },
-  __name: "FdsLead",
-  props: {
-    dataTestid: { default: void 0 }
-  },
-  setup(__props) {
-    const props = __props;
-    const attrs = vue.useAttrs();
-    const rootAttrs = vue.computed(() => {
-      const result = { ...attrs };
-      if (props.dataTestid) {
-        result["data-testid"] = props.dataTestid;
-      }
-      return result;
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps({ class: "inline-block font-light text-lg" }, rootAttrs.value), [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 16);
-    };
-  }
-});
 const _hoisted_1 = {
   key: 1,
   class: "heading font-heading text-xl m-0"
@@ -12472,10 +12556,10 @@ const FdsVueCorePlugin = {
     app.component("FdsSpinner", _sfc_main$w);
     app.component("FdsRadio", _sfc_main$g);
     app.component("FdsCheckbox", _sfc_main$h);
-    app.component("FdsTextarea", _sfc_main$9);
-    app.component("FdsSelect", _sfc_main$a);
-    app.component("FdsTable", _sfc_main$8);
-    app.component("FdsTableHead", _sfc_main$7);
+    app.component("FdsTextarea", _sfc_main$8);
+    app.component("FdsSelect", _sfc_main$9);
+    app.component("FdsTable", _sfc_main$7);
+    app.component("FdsTableHead", _sfc_main$6);
     app.component("FdsInput", _sfc_main$o);
     app.component("FdsBlockContent", _sfc_main$B);
     app.component("FdsBlockInfo", _sfc_main$y);
@@ -12489,13 +12573,13 @@ const FdsVueCorePlugin = {
     app.component("FdsPagination", _sfc_main$j);
     app.component("FdsSearchSelect", _sfc_main$i);
     app.component("FdsTruncatedText", _sfc_main$c);
-    app.component("FdsWizard", _sfc_main$b);
-    app.component("FdsH1", _sfc_main$6);
-    app.component("FdsH2", _sfc_main$5);
-    app.component("FdsH3", _sfc_main$4);
-    app.component("FdsHr", _sfc_main$3);
-    app.component("FdsLabel", _sfc_main$2);
-    app.component("FdsLead", _sfc_main$1);
+    app.component("FdsWizard", _sfc_main$a);
+    app.component("FdsH1", _sfc_main$5);
+    app.component("FdsH2", _sfc_main$4);
+    app.component("FdsH3", _sfc_main$3);
+    app.component("FdsHr", _sfc_main$2);
+    app.component("FdsLabel", _sfc_main$1);
+    app.component("FdsLead", _sfc_main$b);
     app.component("FdsMeta", _sfc_main$e);
     app.component("FdsListHeading", _sfc_main);
   }
@@ -12513,31 +12597,31 @@ exports.FdsButtonPrimary = _sfc_main$s;
 exports.FdsButtonSecondary = _sfc_main$r;
 exports.FdsCheckbox = _sfc_main$h;
 exports.FdsDevMode = _sfc_main$k;
-exports.FdsH1 = _sfc_main$6;
-exports.FdsH2 = _sfc_main$5;
-exports.FdsH3 = _sfc_main$4;
-exports.FdsHr = _sfc_main$3;
+exports.FdsH1 = _sfc_main$5;
+exports.FdsH2 = _sfc_main$4;
+exports.FdsH3 = _sfc_main$3;
+exports.FdsHr = _sfc_main$2;
 exports.FdsIcon = _sfc_main$E;
 exports.FdsInput = _sfc_main$o;
-exports.FdsLabel = _sfc_main$2;
-exports.FdsLead = _sfc_main$1;
+exports.FdsLabel = _sfc_main$1;
+exports.FdsLead = _sfc_main$b;
 exports.FdsListHeading = _sfc_main;
 exports.FdsMeta = _sfc_main$e;
 exports.FdsModal = _sfc_main$p;
 exports.FdsPagination = _sfc_main$j;
 exports.FdsRadio = _sfc_main$g;
 exports.FdsSearchSelect = _sfc_main$i;
-exports.FdsSelect = _sfc_main$a;
+exports.FdsSelect = _sfc_main$9;
 exports.FdsSpinner = _sfc_main$w;
 exports.FdsSticker = _sfc_main$A;
-exports.FdsTable = _sfc_main$8;
-exports.FdsTableHead = _sfc_main$7;
+exports.FdsTable = _sfc_main$7;
+exports.FdsTableHead = _sfc_main$6;
 exports.FdsTabs = _sfc_main$n;
 exports.FdsTabsItem = _sfc_main$m;
-exports.FdsTextarea = _sfc_main$9;
+exports.FdsTextarea = _sfc_main$8;
 exports.FdsTreeView = _sfc_main$d;
 exports.FdsTruncatedText = _sfc_main$c;
-exports.FdsWizard = _sfc_main$b;
+exports.FdsWizard = _sfc_main$a;
 exports.bankid = bankid;
 exports.default = FdsVueCorePlugin;
 exports.isPidString = isPidString;