fds-vue-core 6.2.10 → 6.2.11

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

@@ -1007,7 +1007,7 @@ const _hoisted_4$c = {
 const _hoisted_5$b = { class: "flex items-start justify-between gap-4" };
 const _hoisted_6$8 = { class: "m-0 text-base font-main font-bold tracking-wide" };
 const _hoisted_7$8 = { class: "flex items-start gap-3" };
-const _hoisted_8$6 = {
+const _hoisted_8$5 = {
   key: 1,
   class: "mb-0-last-child"
 };
@@ -1066,7 +1066,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
                 ])
               ])
             ])) : vue.createCommentVNode("", true),
-            vue.unref(hasSlot) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$6, [
+            vue.unref(hasSlot) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$5, [
               vue.renderSlot(_ctx.$slots, "default")
             ])) : vue.createCommentVNode("", true)
           ])
@@ -8987,7 +8987,7 @@ const _hoisted_4$a = { class: "w-full text-left text-xs border-collapse" };
 const _hoisted_5$a = ["onClick"];
 const _hoisted_6$7 = { class: "py-1.5 px-3 font-mono break-all" };
 const _hoisted_7$7 = { class: "py-1.5 px-3 font-mono whitespace-pre-wrap break-all" };
-const _hoisted_8$5 = { class: "mt-4 space-y-2" };
+const _hoisted_8$4 = { class: "mt-4 space-y-2" };
 const _hoisted_9$3 = { class: "flex flex-col gap-1" };
 const _hoisted_10$2 = { class: "flex flex-col gap-1" };
 const _hoisted_11$2 = {
@@ -9297,7 +9297,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
                     ])
                   ])
                 ])),
-                vue.createElementVNode("div", _hoisted_8$5, [
+                vue.createElementVNode("div", _hoisted_8$4, [
                   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", {
@@ -10100,7 +10100,7 @@ const _hoisted_6$5 = {
   class: "flex justify-center p-4"
 };
 const _hoisted_7$5 = ["id", "onMouseup"];
-const _hoisted_8$4 = ["id", "onKeydown"];
+const _hoisted_8$3 = ["id", "onKeydown"];
 const _hoisted_9$2 = ["for", "innerHTML"];
 const _hoisted_10$1 = {
   key: 2,
@@ -10592,7 +10592,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
                         vue.withKeys((e) => handleClick(e, item), ["enter"]),
                         vue.withKeys(vue.withModifiers((e) => handleClick(e, item), ["prevent"]), ["space"])
                       ]
-                    }, null, 40, _hoisted_8$4),
+                    }, null, 40, _hoisted_8$3),
                     vue.createElementVNode("label", {
                       for: `search-select-radio-${index}`,
                       class: vue.normalizeClass([labelClasses.value, listItemClasses.value]),
@@ -11273,7 +11273,7 @@ const _hoisted_4$6 = {
 const _hoisted_5$6 = ["id", "role", "onMouseup"];
 const _hoisted_6$4 = ["innerHTML"];
 const _hoisted_7$4 = ["onClick"];
-const _hoisted_8$3 = ["innerHTML"];
+const _hoisted_8$2 = ["innerHTML"];
 const _hoisted_9$1 = ["innerHTML"];
 const _hoisted_10 = {
   key: 0,
@@ -12023,7 +12023,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                           vue.createElementVNode("span", {
                             class: "min-w-0 flex-1",
                             innerHTML: handleMatchingString(item)
-                          }, null, 8, _hoisted_8$3)
+                          }, null, 8, _hoisted_8$2)
                         ]),
                         _: 2
                       }, 1032, ["id", "name", "checked", "onChange"])) : (vue.openBlock(), vue.createBlock(_sfc_main$i, {
@@ -12499,7 +12499,7 @@ const _hoisted_6$3 = {
   class: "items-center max-h-[28px]"
 };
 const _hoisted_7$3 = { class: "flex flex-col gap-2" };
-const _hoisted_8$2 = ["onClick"];
+const _hoisted_8$1 = ["onClick"];
 const _hoisted_9 = { key: 0 };
 const popoverWidth = 327;
 const popoverHeight = 80;
@@ -12796,7 +12796,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
                               onBlur: closePopover,
                               label: option.label
                             }, null, 8, ["modelValue", "id", "name", "value", "label"])
-                          ], 8, _hoisted_8$2);
+                          ], 8, _hoisted_8$1);
                         }), 64))
                       ]),
                       vue.createVNode(_sfc_main$I, vue.mergeProps({
@@ -14784,7 +14784,7 @@ const _hoisted_7$2 = {
   key: 0,
   class: "mt-6 flex w-full flex-row items-center gap-2"
 };
-const _hoisted_8$1 = { class: "m-0 font-bold text-blue-700" };
+const _hoisted_8 = { class: "m-0 font-bold text-blue-700" };
 const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsWeekCalendar",
   props: {
@@ -14966,7 +14966,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
           ]),
           __props.loading?.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2, [
             vue.createVNode(_sfc_main$B),
-            vue.createElementVNode("p", _hoisted_8$1, vue.toDisplayString(__props.loading.label), 1)
+            vue.createElementVNode("p", _hoisted_8, vue.toDisplayString(__props.loading.label), 1)
           ])) : vue.createCommentVNode("", true)
         ])
       ]);
@@ -15019,20 +15019,19 @@ const hasStepLabelOverlap = (labels, minGapBeforeHidePx = STEP_LABEL_MIN_GAP_BEF
   }
   return false;
 };
-const _hoisted_1$4 = { class: "max-w-[480px] mx-auto" };
-const _hoisted_2$3 = { class: "mb-6" };
-const _hoisted_3$3 = {
+const _hoisted_1$4 = { class: "mb-6" };
+const _hoisted_2$3 = {
   key: 0,
   class: "mb-0"
 };
-const _hoisted_4$3 = {
+const _hoisted_3$3 = {
   key: 1,
   class: "mt-2 mb-0"
 };
-const _hoisted_5$3 = { class: "h-[2px] absolute top-[22px] left-[50%] bg-white-solid transform -translate-x-1/2 w-[calc(100%-50px)]" };
-const _hoisted_6$1 = { class: "flex justify-between list-none mb-8 p-0" };
-const _hoisted_7$1 = ["onClick", "disabled"];
-const _hoisted_8 = { key: 0 };
+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 = ["onClick", "disabled"];
+const _hoisted_7$1 = { key: 0 };
 const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsWizard",
   props: {
@@ -15043,6 +15042,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     disableStepJump: { type: Boolean, default: false },
     activeRouteName: { default: void 0 },
     dataTestid: { default: void 0 },
+    wizardClass: { default: "max-w-[480px]" },
     onGo: {}
   },
   emits: ["go"],
@@ -15385,16 +15385,18 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.guardReactiveProps(rootAttrs.value)), [
-        vue.createElementVNode("nav", _hoisted_1$4, [
-          vue.createElementVNode("header", _hoisted_2$3, [
+        vue.createElementVNode("nav", {
+          class: vue.normalizeClass([__props.wizardClass, "mx-auto"])
+        }, [
+          vue.createElementVNode("header", _hoisted_1$4, [
             vue.createElementVNode("h1", {
               ref: "mainHeader",
               tabindex: "-1"
             }, vue.toDisplayString(mainHeading.value), 513),
             mainLead.value || subCategories.value.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$b, { key: 0 }, {
               default: vue.withCtx(() => [
-                mainLead.value ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3$3, vue.toDisplayString(mainLead.value), 1)) : vue.createCommentVNode("", true),
-                subCategories.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_4$3, [
+                mainLead.value ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$3, vue.toDisplayString(mainLead.value), 1)) : vue.createCommentVNode("", true),
+                subCategories.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_3$3, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(subCategories.value, (subCat) => {
                     return vue.openBlock(), vue.createElementBlock("li", {
                       key: subCat.id,
@@ -15418,13 +15420,13 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
             style: vue.normalizeStyle(stepWidthStyle.value),
             class: "relative"
           }, [
-            vue.createElementVNode("span", _hoisted_5$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_6$1, [
+            vue.createElementVNode("div", _hoisted_5$3, [
               vue.createElementVNode("ol", {
                 ref_key: "stepperListRef",
                 ref: stepperListRef,
@@ -15444,7 +15446,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                       vue.createElementVNode("span", {
                         class: vue.normalizeClass(["relative mb-6 flex flex-col items-center text-blue-600 font-bold justify-center transition-all duration-200 ease-in-out rounded-full w-[44px] h-[44px] bg-white-solid", setStepClasses(entry.index)])
                       }, [
-                        entry.index >= internalCompletedTo.value + 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, vue.toDisplayString(entry.index + 1), 1)) : (vue.openBlock(), vue.createBlock(_sfc_main$J, {
+                        entry.index >= internalCompletedTo.value + 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$1, vue.toDisplayString(entry.index + 1), 1)) : (vue.openBlock(), vue.createBlock(_sfc_main$J, {
                           key: 1,
                           name: "checkmark",
                           size: 24
@@ -15455,13 +15457,13 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                         ref: (el) => setStepLabelRef(el, visibleIndex),
                         class: vue.normalizeClass(["absolute bottom-0 text-blue-600 font-bold text-sm", { invisible: !showStepLabels.value }])
                       }, vue.toDisplayString(entry.route.meta.wizard.name), 3)
-                    ], 10, _hoisted_7$1)
+                    ], 10, _hoisted_6$1)
                   ]);
                 }), 128))
               ], 512)
             ])
           ], 4)) : vue.createCommentVNode("", true)
-        ]),
+        ], 2),
         vue.createElementVNode("div", {
           class: vue.normalizeClass([contentClass.value, "mx-auto"])
         }, [