fds-vue-core 6.2.10 → 6.2.12

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]),
@@ -11266,14 +11266,11 @@ const useSearchSelectProItems = ({
 const _hoisted_1$a = { class: "relative block" };
 const _hoisted_2$7 = { class: "relative" };
 const _hoisted_3$7 = { class: "relative" };
-const _hoisted_4$6 = {
-  key: 0,
-  class: "flex justify-center p-4"
-};
+const _hoisted_4$6 = { class: "flex items-center gap-2" };
 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,
@@ -11281,10 +11278,10 @@ const _hoisted_10 = {
 };
 const _hoisted_11 = ["aria-disabled"];
 const _hoisted_12 = {
-  key: 2,
+  key: 1,
   class: "block m-0 list-none p-0"
 };
-const _hoisted_13 = { class: "p-3" };
+const _hoisted_13 = { class: "p-3 flex items-center gap-2" };
 const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsSearchSelectPro",
   props: {
@@ -11441,12 +11438,12 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       if (!dropdownRef.value) return [];
       return Array.from(dropdownRef.value.querySelectorAll('input[id^="search-select-radio-"]'));
     };
-    const focusFirstRadio = () => {
+    const focusSelectedRadioOrFirst = () => {
       vue.nextTick(() => {
-        const firstRadioButton = getSelectableInputs()[0];
-        if (firstRadioButton) {
-          firstRadioButton.focus();
-        }
+        const selectableInputs = getSelectableInputs();
+        if (!selectableInputs.length) return;
+        const checkedRadio = selectableInputs.find((input) => input.checked);
+        (checkedRadio ?? selectableInputs[0])?.focus();
       });
     };
     const hasInputValue = vue.computed(() => searchTerm.value.length > 0);
@@ -11835,13 +11832,13 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
         if (!dropdownVisible.value) {
           dropdownVisible.value = true;
         }
-        focusFirstRadio();
+        focusSelectedRadioOrFirst();
         return;
       }
       if (e.key === "Enter" && !dropdownVisible.value && displayedItems.value.length > 0) {
         e.preventDefault();
         dropdownVisible.value = true;
-        focusFirstRadio();
+        focusSelectedRadioOrFirst();
         return;
       }
       if (e.key === "Escape" && dropdownVisible.value) {
@@ -11958,26 +11955,27 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
             style: vue.normalizeStyle(listWrapperStyle.value),
             onScrollPassive: handleDropdownScroll
           }, [
-            __props.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$6, [
-              vue.createVNode(_sfc_main$B, {
-                color: "blue",
-                size: "48px"
-              })
-            ])) : vue.unref(displayedItems) && vue.unref(displayedItems).length ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+            vue.unref(displayedItems) && vue.unref(displayedItems).length ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
               vue.createElementVNode("div", {
                 class: vue.normalizeClass([headerClasses.value, "flex items-center justify-between gap-3 min-h-[53px]"])
               }, [
-                vue.createVNode(_sfc_main$t, null, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode(vue.toDisplayString(searchTerm.value && searchTerm.value.length ? `${totalMatchingItems.value} ${__props.searchContext.linkWord} ${totalCount.value} ${__props.searchContext.context}` : `${totalCount.value} ${__props.searchContext.context}`), 1)
-                  ]),
-                  _: 1
-                }),
+                vue.createElementVNode("div", _hoisted_4$6, [
+                  vue.createVNode(_sfc_main$t, null, {
+                    default: vue.withCtx(() => [
+                      vue.createTextVNode(vue.toDisplayString(searchTerm.value && searchTerm.value.length ? `${totalMatchingItems.value} ${__props.searchContext.linkWord} ${totalCount.value} ${__props.searchContext.context}` : `${totalCount.value} ${__props.searchContext.context}`), 1)
+                    ]),
+                    _: 1
+                  }),
+                  __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$B, {
+                    key: 0,
+                    color: "blue",
+                    size: "20px"
+                  })) : vue.createCommentVNode("", true)
+                ]),
                 __props.multiple && __props.showSelectedToggle && selectedItems.value.length > 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$j, {
                   key: 0,
                   label: `${__props.selectedToggleLabel} (${selectedItems.value.length})`,
                   checked: showSelectedOnly.value,
-                  disablePseudoStates: true,
                   onChange: handleToggleSelectedOnly
                 }, null, 8, ["label", "checked"])) : vue.createCommentVNode("", true)
               ], 2),
@@ -12023,7 +12021,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, {
@@ -12072,9 +12070,16 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                   ], 42, _hoisted_11)
                 ])) : vue.createCommentVNode("", true)
               ], 32)
-            ], 64)) : !__props.loading ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_12, [
-              vue.createElementVNode("li", _hoisted_13, vue.toDisplayString(__props.noResultPrompt), 1)
-            ])) : vue.createCommentVNode("", true)
+            ], 64)) : (vue.openBlock(), vue.createElementBlock("ul", _hoisted_12, [
+              vue.createElementVNode("li", _hoisted_13, [
+                vue.createElementVNode("span", null, vue.toDisplayString(__props.noResultPrompt), 1),
+                __props.loading ? (vue.openBlock(), vue.createBlock(_sfc_main$B, {
+                  key: 0,
+                  color: "blue",
+                  size: "20px"
+                })) : vue.createCommentVNode("", true)
+              ])
+            ]))
           ], 38)) : vue.createCommentVNode("", true)
         ])
       ], 16);
@@ -12499,7 +12504,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 +12801,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 +14789,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 +14971,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 +15024,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 +15047,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 +15390,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 +15425,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 +15451,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 +15462,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"])
         }, [