fds-vue-core 6.2.11 → 6.2.12

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

@@ -11266,10 +11266,7 @@ 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"];
@@ -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),
@@ -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);