fds-vue-core 7.1.1 → 7.1.3

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

@@ -11606,6 +11606,9 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
           syncSelectedItemsWithItems();
         }
         filterAndPaginate();
+        if (!selectedItem.value) {
+          resolveInitialSingleSelection();
+        }
       },
       { immediate: true }
     );
@@ -11743,11 +11746,39 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       }
       return result;
     };
-    const selectItem = (item) => {
+    function selectItem(item) {
       selectedItem.value = item;
       setValidSelectedState();
       emit("searchSelected", item);
-    };
+    }
+    function getCandidateMatchValues(item) {
+      if (isDividerItem(item) && !props.dividerSelectable) return [];
+      if (searchFields.value.length > 0) {
+        return searchFields.value.map((key) => String(item[key] ?? "").trim()).filter((value) => value.length > 0);
+      }
+      return [String(item.label ?? item.name ?? "").trim()].filter((value) => value.length > 0);
+    }
+    function resolveInitialSingleSelection() {
+      if (isMultiple.value || !props.initialValue) return;
+      const normalizeForInitialMatch = (value) => {
+        const trimmed = value.trim();
+        if (!trimmed) return "";
+        if (!isPidString(trimmed)) {
+          return trimmed.replace(/-$/, "").toLowerCase();
+        }
+        const digits = trimmed.replace(/\D/g, "");
+        return (digits.length > 8 ? `${digits.substring(0, 8)}-${digits.substring(8)}` : digits).toLowerCase();
+      };
+      const normalizedInitialValue = normalizeForInitialMatch(props.initialValue);
+      if (!normalizedInitialValue) return;
+      const initialMatch = sourceItems.value.find(
+        (item) => getCandidateMatchValues(item).some((value) => normalizeForInitialMatch(value) === normalizedInitialValue)
+      );
+      if (!initialMatch) return;
+      const firstField = searchFields.value[0];
+      searchTerm.value = (firstField ? String(initialMatch[firstField] ?? "") : props.initialValue).trim();
+      selectItem(initialMatch);
+    }
     const getHierarchyLevel = (item) => {
       const level = Number(item[props.levelField] ?? 0);
       return Number.isFinite(level) && level >= 0 ? level : 0;
@@ -11957,7 +11988,10 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     vue.onMounted(() => {
       if (props.initialValue) {
         searchTerm.value = props.initialValue;
-        setValidSelectedState();
+        resolveInitialSingleSelection();
+        if (!selectedItem.value) {
+          setValidSelectedState();
+        }
       }
       window.addEventListener("mouseup", onClickOutside);
       vue.nextTick(() => {
@@ -15876,8 +15910,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     heading: { default: void 0 },
     align: { default: "left" },
     icon: { default: void 0 },
-    dataTestid: { default: void 0 },
-    isSortActive: { type: Boolean, default: false }
+    dataTestid: { default: void 0 }
   },
   emits: ["sort"],
   setup(__props, { emit: __emit }) {
@@ -15889,10 +15922,6 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
       props.align === "right" && "text-right justify-end",
       iconName.value && "text-blue-600! hover:bg-blue_t-200 cursor-pointer focus-visible:outline-dashed focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-blue-500 active:bg-blue_t-300"
     ]);
-    const iconClasses = vue.computed(() => [
-      "fill-blue-500 ml-1 transition-opacity",
-      iconName.value && !props.isSortActive && "opacity-20"
-    ]);
     const iconName = vue.computed(() => props.icon);
     const emit = __emit;
     const handleSort = (ev) => {
@@ -15922,8 +15951,8 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
           vue.createVNode(_sfc_main$J, {
             name: iconName.value,
             size: "24px",
-            class: vue.normalizeClass(iconClasses.value)
-          }, null, 8, ["name", "class"])
+            class: "fill-blue-500 ml-1"
+          }, null, 8, ["name"])
         ], 42, _hoisted_1$1)) : (vue.openBlock(), vue.createElementBlock("div", {
           key: 1,
           class: vue.normalizeClass(headerClasses.value)