fds-vue-core 7.1.0 → 7.1.2

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(() => {
@@ -14772,7 +14806,7 @@ const checkIfDateIsBeforeToday = (date) => {
   return isAfter(startOfToday, startOfDate);
 };
 const checkIfDateIsEnabled = (date, enabledDates) => enabledDates.some((enabledDate) => isSameDay(enabledDate, date));
-const _hoisted_1$6 = ["disabled"];
+const _hoisted_1$6 = ["disabled", "aria-label"];
 const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "WeekDay",
   props: {
@@ -14810,11 +14844,24 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
       const value = new Intl.DateTimeFormat(locale.value, { weekday: "short" }).format(props.date);
       return value.charAt(0).toUpperCase() + value.slice(1).replace(".", "");
     });
+    const dateAriaLabel = vue.computed(() => {
+      const spokenDate = new Intl.DateTimeFormat(locale.value, {
+        day: "numeric",
+        month: "long",
+        weekday: "long"
+      }).format(props.date);
+      const normalizedDate = spokenDate.charAt(0).toUpperCase() + spokenDate.slice(1);
+      if (props.isToday) {
+        return `${t("FdsWeekCalendar.today")}. ${normalizedDate}.`;
+      }
+      return `${normalizedDate}.`;
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("button", {
         type: "button",
         class: vue.normalizeClass(classes.value),
         disabled: __props.disabled,
+        "aria-label": dateAriaLabel.value,
         onClick
       }, [
         vue.createElementVNode("span", {
@@ -15504,7 +15551,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                   }, [
                     vue.createElementVNode("button", {
                       type: "button",
-                      class: vue.normalizeClass(["relative flex flex-col items-center", { "cursor-not-allowed": !canGoToStep(currentStepIndex.value, entry.index) }]),
+                      class: vue.normalizeClass(["relative flex flex-col items-center focus-visible:outline-2 focus-visible:outline-dashed focus-visible:outline-offset-4 focus-visible:outline-blue-500", { "cursor-not-allowed": !canGoToStep(currentStepIndex.value, entry.index) }]),
                       onClick: ($event) => __props.disableStepJump ? null : goToStep(entry.index),
                       disabled: !canGoToStep(currentStepIndex.value, entry.index)
                     }, [