fds-vue-core 2.1.49 → 2.1.51

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

@@ -753,10 +753,10 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
 const _hoisted_1$m = ["id"];
 const _hoisted_2$h = {
   key: 0,
-  class: "flex items-start justify-between gap-4"
+  class: "flex items-start justify-between gap-4 mb-4"
 };
 const _hoisted_3$a = { class: "flex items-center gap-3" };
-const _hoisted_4$9 = { class: "flex items-start gap-3" };
+const _hoisted_4$9 = { class: "flex items-start gap-3 leading-8" };
 const _hoisted_5$8 = { class: "mb-0-last-child" };
 const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsBlockContent",
@@ -777,7 +777,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
       props.borderLeft && "border-l-4",
       hasSlot.value ? "pb-6" : "pb-4"
     ]);
-    const headerClasses = vue.computed(() => ["mt-0 mb-4 text-lg font-bold tracking-wide", !hasSlot.value && "mb-0!"]);
+    const headerClasses = vue.computed(() => ["m-0 text-lg font-bold tracking-wide", !hasSlot.value && "mb-0!"]);
     const borderLeftStyle = vue.computed(() => {
       if (!props.borderLeft) return {};
       const colorMap = {
@@ -1019,8 +1019,8 @@ const _hoisted_8$2 = {
 const _hoisted_9$2 = { key: 1 };
 const _hoisted_10$1 = { class: "flex items-start justify-between gap-4" };
 const _hoisted_11$1 = { class: "flex items-center gap-3" };
-const _hoisted_12$1 = { class: "m-0 text-base font-main font-bold tracking-wide" };
-const _hoisted_13$1 = { class: "flex items-start gap-3" };
+const _hoisted_12 = { class: "m-0 text-base font-main font-bold tracking-wide" };
+const _hoisted_13 = { class: "flex items-start gap-3" };
 const _hoisted_14 = { class: "mb-0-last-child" };
 const smallIconSize = 24;
 const largeIconSize = 48;
@@ -1088,9 +1088,9 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
                   size: smallIconSize,
                   class: "fill-blue-500"
                 }, null, 8, ["name"])) : vue.createCommentVNode("", true),
-                vue.createElementVNode("h3", _hoisted_12$1, vue.toDisplayString(__props.heading), 1)
+                vue.createElementVNode("h3", _hoisted_12, vue.toDisplayString(__props.heading), 1)
               ]),
-              vue.createElementVNode("div", _hoisted_13$1, [
+              vue.createElementVNode("div", _hoisted_13, [
                 vue.renderSlot(_ctx.$slots, "headerInfo")
               ])
             ])
@@ -7927,7 +7927,6 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       return {
         ...filtered,
         id: inputId.value,
-        class: props.class ?? attrs.class,
         "data-testid": props.dataTestid ?? void 0
       };
     });
@@ -7986,7 +7985,9 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       if (!isLazy.value && ev.type === "change") {
         return;
       }
-      internalValue.value = target.value;
+      if (!props.mask) {
+        internalValue.value = target.value;
+      }
       if (ev.type === "input") {
         emit("input", ev);
       }
@@ -8037,7 +8038,9 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       () => props.value,
       (newValue) => {
         if (maskInstance && newValue !== void 0 && newValue !== maskInstance.value) {
-          maskInstance.value = newValue;
+          if (document.activeElement !== inputRef.value) {
+            maskInstance.value = newValue;
+          }
         }
       }
     );
@@ -8045,7 +8048,9 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       () => modelValue.value,
       (newValue) => {
         if (maskInstance && newValue !== void 0 && newValue !== maskInstance.value) {
-          maskInstance.value = newValue;
+          if (document.activeElement !== inputRef.value) {
+            maskInstance.value = newValue;
+          }
         }
       }
     );
@@ -8357,22 +8362,14 @@ const _hoisted_6$2 = {
   key: 0,
   class: "flex justify-center p-4"
 };
-const _hoisted_7$2 = {
-  key: 0,
-  class: "block m-0 font-light p-6 border-b border-gray-200 rounded-t-md"
-};
-const _hoisted_8$1 = {
-  key: 1,
-  class: "block m-0 font-light p-4 border-b border-gray-200 rounded-t-md"
-};
-const _hoisted_9$1 = ["id", "aria-selected", "tabindex", "onMouseup", "onMouseenter", "onKeydown"];
-const _hoisted_10 = ["id", "checked"];
-const _hoisted_11 = ["for", "innerHTML"];
-const _hoisted_12 = {
+const _hoisted_7$2 = ["id", "onMouseup"];
+const _hoisted_8$1 = ["id", "onKeydown"];
+const _hoisted_9$1 = ["for", "innerHTML"];
+const _hoisted_10 = {
   key: 2,
   class: "block m-0 list-none p-0"
 };
-const _hoisted_13 = { class: "p-4" };
+const _hoisted_11 = { class: "p-4" };
 const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsSearchSelect",
   props: {
@@ -8418,7 +8415,6 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     const matchingItems = vue.ref([]);
     const displayedItems = vue.ref([]);
     const selectedItem = vue.ref(null);
-    const focusedIndex = vue.ref(-1);
     const valid = vue.ref(props.valid ?? null);
     const totalCount = vue.computed(() => {
       if (props.totalCount !== void 0) {
@@ -8433,7 +8429,38 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
       }
     );
     const componentRef = vue.ref(null);
+    const dropdownRef = vue.ref(null);
+    const inputComponentRef = vue.ref(null);
     const inputId = `searchSelectInput-${Math.random().toString(36).slice(2, 9)}`;
+    const listboxId = `select-dropdown-${Math.random().toString(36).slice(2, 9)}`;
+    const getInputElement = () => {
+      if (inputComponentRef.value?.$el) {
+        const input = inputComponentRef.value.$el.querySelector("input");
+        if (input) return input;
+      }
+      return document.getElementById(inputId);
+    };
+    const focusInput = () => {
+      vue.nextTick(() => {
+        const input = getInputElement();
+        input?.focus();
+      });
+    };
+    const uncheckAllRadios = () => {
+      if (!dropdownRef.value) return;
+      const checkedRadio = dropdownRef.value.querySelector('input[name="search-select-radio-group"]:checked');
+      if (checkedRadio) {
+        checkedRadio.checked = false;
+      }
+    };
+    const focusFirstRadio = () => {
+      vue.nextTick(() => {
+        const firstRadioButton = document.getElementById(`search-select-radio-0`);
+        if (firstRadioButton) {
+          firstRadioButton.focus();
+        }
+      });
+    };
     const hasInputValue = vue.computed(() => searchTerm.value.length > 0);
     const listWrapperClasses = vue.computed(() => [
       "rounded-md box-border overflow-hidden z-4 w-full bg-white mt-2",
@@ -8445,7 +8472,16 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     const listItemClasses = vue.computed(() => [
       "block m-0",
       "outline-none! hover:bg-blue_t-100 active:bg-blue_t-200",
-      props.borderless && "border-b border-blue_t-200"
+      "border-b border-blue_t-200"
+    ]);
+    const listItemWrapperClasses = vue.computed(() => [
+      "block m-0 hover:outline-none",
+      "has-focus:outline-2 has-focus:outline-blue-500 has-focus:-outline-offset-2 has-focus:outline-dashed"
+    ]);
+    const labelClasses = vue.computed(() => "block p-4 text-gray-700 cursor-pointer no-underline");
+    const headerClasses = vue.computed(() => [
+      "block m-0 font-light border-b border-gray-200 rounded-t-md",
+      searchTerm.value && searchTerm.value.length ? "p-6" : "p-4"
     ]);
     const listWrapperStyle = vue.computed(() => {
       if (!props.maxListHeight) return null;
@@ -8502,13 +8538,14 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
       emit("searchSelected", null);
       emit("clearInput", new Event("clearInput"));
       filterAndPaginate();
+      focusInput();
     };
     vue.watch(
       () => props.clearTrigger,
       (value) => value && handleClear()
     );
     vue.watch(
-      () => props.items,
+      () => [props.items, props.page],
       () => {
         filterAndPaginate();
       },
@@ -8547,18 +8584,6 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
         }
       }
     );
-    vue.watch(
-      () => props.page,
-      () => {
-        filterAndPaginate();
-      }
-    );
-    vue.watch(
-      () => displayedItems.value,
-      () => {
-        focusedIndex.value = -1;
-      }
-    );
     const onClickOutside = (e) => {
       const target = e.target;
       if (componentRef.value?.contains(target)) return;
@@ -8581,10 +8606,10 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
       searchTerm.value = value;
       dropdownVisible.value = true;
       selectedItem.value = null;
-      focusedIndex.value = -1;
       valid.value = null;
       filterAndPaginate();
       debouncedEmitInput(e);
+      uncheckAllRadios();
     };
     const { isPid } = useIsPid(searchTerm);
     const { boldQuery } = useBoldQuery(searchTerm);
@@ -8616,9 +8641,6 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
       }
       if (searchTerm.value) {
         const formattedTerm = formatPidWithDash(searchTerm.value);
-        if (formattedTerm !== searchTerm.value) {
-          searchTerm.value = formattedTerm;
-        }
         const escaped = formattedTerm.replace(/[()]/g, "\\$&");
         if (new RegExp(escaped, "i").test(result)) {
           return boldQuery(result);
@@ -8626,9 +8648,8 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
       }
       return result;
     };
-    const handlePagination = (payload) => {
-      const newPage = payload.detail;
-      emit("paginate", newPage);
+    const handlePagination = (_payload) => {
+      emit("paginate", _payload.detail);
     };
     const selectItem = (item) => {
       selectedItem.value = item;
@@ -8643,13 +8664,9 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
         const firstField = searchFields.value[0];
         searchTerm.value = (firstField ? item[firstField] : "") || "";
         selectItem(item);
-        focusedIndex.value = -1;
         dropdownVisible.value = false;
         setTimeout(() => {
-          const input = document.getElementById(inputId);
-          if (input) {
-            input.focus();
-          }
+          focusInput();
         }, 100);
       }
     };
@@ -8659,76 +8676,33 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const handleListKeyDown = (e) => {
-      const target = e.target;
-      const isRadioButton = target.tagName === "INPUT" && target.type === "radio";
-      const isListItem = target.closest('li[role="option"]');
-      if (isRadioButton || isListItem) {
-        handleInputKeyDown(e);
+      if (e.key === "Escape") {
+        e.preventDefault();
+        dropdownVisible.value = false;
+        uncheckAllRadios();
+        focusInput();
       }
     };
     const handleInputKeyDown = (e) => {
-      if (!dropdownVisible.value && displayedItems.value.length > 0) {
-        if (e.key === "ArrowDown" || e.key === "Enter") {
-          e.preventDefault();
+      if (e.key === "ArrowDown" && displayedItems.value.length > 0) {
+        e.preventDefault();
+        if (!dropdownVisible.value) {
           dropdownVisible.value = true;
-          focusedIndex.value = 0;
-          setTimeout(() => {
-            const firstRadioButton = document.getElementById(`search-select-radio-0`);
-            if (firstRadioButton) {
-              firstRadioButton.focus();
-              firstRadioButton.setAttribute("checked", "true");
-            }
-          }, 0);
-          return;
         }
+        focusFirstRadio();
+        return;
       }
-      if (!dropdownVisible.value) return;
-      switch (e.key) {
-        case "ArrowDown":
-          e.preventDefault();
-          e.stopPropagation();
-          if (focusedIndex.value < displayedItems.value.length - 1) {
-            focusedIndex.value++;
-          } else {
-            focusedIndex.value = 0;
-          }
-          break;
-        case "ArrowUp":
-          e.preventDefault();
-          e.stopPropagation();
-          if (focusedIndex.value > 0) {
-            focusedIndex.value--;
-          } else {
-            focusedIndex.value = displayedItems.value.length - 1;
-          }
-          break;
-        case "Enter":
-          e.preventDefault();
-          if (focusedIndex.value >= 0 && focusedIndex.value < displayedItems.value.length) {
-            const focusedItem = displayedItems.value[focusedIndex.value];
-            if (focusedItem) {
-              handleClick(e, focusedItem);
-            }
-          } else if (displayedItems.value.length === 1) {
-            const onlyItem = displayedItems.value[0];
-            if (onlyItem) {
-              handleClick(e, onlyItem);
-            }
-          }
-          break;
-        case "Escape":
-          e.preventDefault();
-          dropdownVisible.value = false;
-          focusedIndex.value = -1;
-          const input = document.getElementById(inputId);
-          input?.focus();
-          break;
-        case "Tab":
-          if (!dropdownVisible.value) {
-            dropdownVisible.value = false;
-            focusedIndex.value = -1;
-          }
-          break;
+      if (e.key === "Enter" && !dropdownVisible.value && displayedItems.value.length > 0) {
+        e.preventDefault();
+        dropdownVisible.value = true;
+        focusFirstRadio();
+        return;
+      }
+      if (e.key === "Escape" && dropdownVisible.value) {
+        e.preventDefault();
+        dropdownVisible.value = false;
+        uncheckAllRadios();
+        focusInput();
       }
     };
     vue.onMounted(() => {
@@ -8738,7 +8712,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
       }
       window.addEventListener("mouseup", onClickOutside);
       vue.nextTick(() => {
-        const input = document.getElementById(inputId);
+        const input = getInputElement();
         if (input) {
           input.addEventListener("keydown", handleInputKeyDown);
           input.addEventListener("focus", handleInputFocus);
@@ -8748,7 +8722,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     });
     vue.onBeforeUnmount(() => {
       window.removeEventListener("mouseup", onClickOutside);
-      const input = document.getElementById(inputId);
+      const input = getInputElement();
       if (input) {
         input.removeEventListener("keydown", handleInputKeyDown);
         input.removeEventListener("focus", handleInputFocus);
@@ -8761,6 +8735,26 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
       }
       return attrs;
     });
+    const activeDescendantId = vue.computed(() => {
+      if (!dropdownVisible.value || !dropdownRef.value) return null;
+      const checkedRadio = dropdownRef.value.querySelector('input[name="search-select-radio-group"]:checked');
+      return checkedRadio?.id || null;
+    });
+    const inputAriaAttrs = vue.computed(() => {
+      const attrs = {
+        role: "combobox",
+        "aria-expanded": dropdownVisible.value,
+        "aria-autocomplete": "list",
+        "aria-haspopup": "listbox"
+      };
+      if (dropdownVisible.value && listboxId) {
+        attrs["aria-controls"] = listboxId;
+      }
+      if (activeDescendantId.value) {
+        attrs["aria-activedescendant"] = activeDescendantId.value;
+      }
+      return attrs;
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         ref_key: "componentRef",
@@ -8770,7 +8764,9 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", _hoisted_1$9, [
           !singleItemName.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$7, [
             vue.createElementVNode("div", _hoisted_3$5, [
-              vue.createVNode(_sfc_main$h, {
+              vue.createVNode(_sfc_main$h, vue.mergeProps({
+                ref_key: "inputComponentRef",
+                ref: inputComponentRef,
                 label: __props.label,
                 meta: __props.meta ?? void 0,
                 labelLeft: __props.labelLeft,
@@ -8784,10 +8780,11 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                 id: inputId,
                 clearButton: !!searchTerm.value,
                 mask: pidMask.value,
-                maskOptions: { lazy: true },
+                maskOptions: { lazy: true }
+              }, inputAriaAttrs.value, {
                 onInput: handleInput,
                 onClearInput: handleClear
-              }, null, 8, ["label", "meta", "labelLeft", "valid", "invalidMessage", "disabled", "locale", "value", "clearButton", "mask"]),
+              }), null, 16, ["label", "meta", "labelLeft", "valid", "invalidMessage", "disabled", "locale", "value", "clearButton", "mask"]),
               !__props.disabled && !hasInputValue.value ? (vue.openBlock(), vue.createBlock(_sfc_main$w, {
                 key: 0,
                 name: "search",
@@ -8801,11 +8798,10 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
           ])),
           dropdownVisible.value && !singleItemName.value.length && !__props.disabled ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 2,
+            ref_key: "dropdownRef",
+            ref: dropdownRef,
             class: vue.normalizeClass(listWrapperClasses.value),
-            style: vue.normalizeStyle(listWrapperStyle.value),
-            "aria-haspopup": "listbox",
-            "aria-expanded": "false",
-            "aria-controls": "select-dropdown"
+            style: vue.normalizeStyle(listWrapperStyle.value)
           }, [
             __props.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
               vue.createVNode(_sfc_main$o, {
@@ -8813,43 +8809,43 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                 size: "48px"
               })
             ])) : displayedItems.value && displayedItems.value.length ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-              searchTerm.value && searchTerm.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2, vue.toDisplayString(displayedItems.value.length) + " " + vue.toDisplayString(__props.searchContext.linkWord) + " " + vue.toDisplayString(totalCount.value) + " " + vue.toDisplayString(__props.searchContext.context), 1)) : !searchTerm.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$1, vue.toDisplayString(totalCount.value) + " " + vue.toDisplayString(__props.searchContext.context), 1)) : vue.createCommentVNode("", true),
+              searchTerm.value && searchTerm.value.length ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: vue.normalizeClass(headerClasses.value)
+              }, vue.toDisplayString(displayedItems.value.length) + " " + vue.toDisplayString(__props.searchContext.linkWord) + " " + vue.toDisplayString(totalCount.value) + " " + vue.toDisplayString(__props.searchContext.context), 3)) : !searchTerm.value.length ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 1,
+                class: vue.normalizeClass(headerClasses.value)
+              }, vue.toDisplayString(totalCount.value) + " " + vue.toDisplayString(__props.searchContext.context), 3)) : vue.createCommentVNode("", true),
               vue.createElementVNode("ul", {
                 class: "block m-0 list-none p-0",
                 role: "listbox",
-                id: "select-dropdown",
+                id: listboxId,
                 onKeydown: handleListKeyDown
               }, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(displayedItems.value, (item, index) => {
                   return vue.openBlock(), vue.createElementBlock("li", {
                     key: index,
                     id: `search-select-item-${index}`,
-                    class: vue.normalizeClass(["block m-0 hover:outline-none focus:outline-2 focus:outline-blue-500 -outline-offset-2", [focusedIndex.value === index && "outline-dashed outline-2 outline-blue-500 -outline-offset-2 "]]),
+                    class: vue.normalizeClass(listItemWrapperClasses.value),
                     role: "option",
-                    "aria-selected": focusedIndex.value === index,
-                    tabindex: dropdownVisible.value && focusedIndex.value === index ? 0 : -1,
-                    onMouseup: (e) => handleClick(e, item),
-                    onMouseenter: ($event) => focusedIndex.value = index,
-                    onKeydown: [
-                      vue.withKeys((e) => handleClick(e, item), ["enter"]),
-                      vue.withKeys(vue.withModifiers((e) => handleClick(e, item), ["prevent"]), ["space"])
-                    ]
+                    onMouseup: (e) => handleClick(e, item)
                   }, [
-                    (vue.openBlock(), vue.createElementBlock("input", {
+                    vue.createElementVNode("input", {
                       type: "radio",
                       id: `search-select-radio-${index}`,
-                      name: "social-account",
+                      name: "search-select-radio-group",
                       class: "absolute left-0 opacity-0",
-                      checked: focusedIndex.value === index,
-                      key: `radio-${index}-${focusedIndex.value}`,
-                      tabindex: "-1"
-                    }, null, 8, _hoisted_10)),
+                      onKeydown: [
+                        vue.withKeys((e) => handleClick(e, item), ["enter"]),
+                        vue.withKeys(vue.withModifiers((e) => handleClick(e, item), ["prevent"]), ["space"])
+                      ]
+                    }, null, 40, _hoisted_8$1),
                     vue.createElementVNode("label", {
                       for: `search-select-radio-${index}`,
-                      class: vue.normalizeClass(["block p-4 text-gray-700 cursor-pointer no-underline", listItemClasses.value]),
+                      class: vue.normalizeClass([labelClasses.value, listItemClasses.value]),
                       innerHTML: handleMatchingString(item)
-                    }, null, 10, _hoisted_11)
-                  ], 42, _hoisted_9$1);
+                    }, null, 10, _hoisted_9$1)
+                  ], 42, _hoisted_7$2);
                 }), 128))
               ], 32),
               __props.page !== void 0 && totalPages.value !== null && totalPages.value > 1 ? (vue.openBlock(), vue.createBlock(_sfc_main$g, {
@@ -8859,8 +8855,8 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                 onPaginate: handlePagination,
                 class: "my-4! px-2"
               }, null, 8, ["current", "max"])) : vue.createCommentVNode("", true)
-            ], 64)) : !__props.loading ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_12, [
-              vue.createElementVNode("li", _hoisted_13, vue.toDisplayString(__props.noResultPrompt), 1)
+            ], 64)) : !__props.loading ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_10, [
+              vue.createElementVNode("li", _hoisted_11, vue.toDisplayString(__props.noResultPrompt), 1)
             ])) : vue.createCommentVNode("", true)
           ], 6)) : vue.createCommentVNode("", true)
         ])
@@ -9335,7 +9331,6 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
       return {
         ...filtered,
         id: inputId.value,
-        class: props.class ?? attrs.class,
         "data-testid": props.dataTestid ?? void 0
       };
     });
@@ -9507,7 +9502,6 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
         ...filtered,
         id: inputId.value,
         name: props.name ?? attrs.name,
-        class: props.class ?? attrs.class,
         "data-testid": props.dataTestid ?? void 0
       };
     });
@@ -10884,6 +10878,34 @@ function _sfc_render(_ctx, _cache) {
   return vue.openBlock(), vue.createElementBlock("hr", _hoisted_1);
 }
 const FdsSeparator = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+function useFileValidation(options = {}) {
+  const defaultOptions = {
+    allowedExtensions: [],
+    allowedMimeTypes: []
+  };
+  const config = { ...defaultOptions, ...options };
+  const validateFile = (file) => {
+    if (!file) {
+      return { isValid: false, error: "No file provided" };
+    }
+    const fileName = file.name.toLowerCase();
+    const fileExtension = fileName.substring(fileName.lastIndexOf("."));
+    const fileMimeType = file.type;
+    const isValidExtension = config.allowedExtensions.length === 0 || config.allowedExtensions.some((ext) => ext.toLowerCase() === fileExtension);
+    const isValidMimeType = config.allowedMimeTypes.length === 0 || config.allowedMimeTypes.includes(fileMimeType);
+    const isValid = isValidExtension || isValidMimeType;
+    if (!isValid) {
+      return {
+        isValid: false,
+        error: `File type not allowed. Allowed types: ${config.allowedExtensions.join(", ")}`
+      };
+    }
+    return { isValid: true };
+  };
+  return {
+    validateFile
+  };
+}
 const logoFeelgoodColored = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='240'%20height='83'%20xmlns:v='https://vecta.io/nano'%3e%3cpath%20fill='%230c4899'%20d='M39.389%2011.947L36.139%2026h.001%208.038v3H35.55l-2.575%2012.093c-.813%203.982-1.716%207.964-2.711%2011.857-1.625%206.336-5.781%2017.378-9.576%2022.628C16.804%2081.009%2013.641%2083%206.866%2083%203.433%2083%200%2080.375%200%2076.845c0-2.353%201.806-4.344%204.246-4.344%202.078%200%204.246%201.266%204.246%203.62%200%201.086-.361%201.72-.723%202.172s-.722.724-.722%201.267c0%201.177%201.535%201.177%202.348%201.177%202.982%200%205.692-2.263%207.77-9.052%201.445-4.706%202.259-9.684%203.162-14.481L25.948%2029h-8.421l-.001-3h9.258s-.076.268%200%200c2.628-9.359%206.73-20.689%2016.038-24.824C44.268.543%2045.984%200%2048.514%200%2052.85%200%2058%202.262%2058%207.241c0%203.077-1.897%204.706-4.879%204.706-2.62%200-3.975-1.629-4.246-4.163-.18-1.448.813-2.897%201.626-3.62%201.988-1.72-1.626-1.902-2.529-1.902-4.427%200-7.318%204.254-8.583%209.685zm9.227%2028.868h8.559v-4.608c0-5.186-2.222-5.432-4.279-5.432-2.881%200-4.28%201.727-4.28%205.679v4.361zm17.53%201.976h-17.53v7.571c0%205.926%202.222%208.807%205.926%208.807%204.938%200%208.888-2.634%209.958-8.231h1.975c-1.317%206.337-5.843%2010.452-12.427%2010.452-9.547%200-14.978-7.242-14.978-16.295%200-8.148%205.596-16.049%2014.319-16.049%207.654%200%2012.757%206.584%2012.757%2013.745zm12.403-1.976h8.559v-4.608c0-5.186-2.222-5.432-4.279-5.432-2.881%200-4.28%201.727-4.28%205.679v4.361zm17.53%201.976h-17.53v7.571c0%205.926%202.222%208.807%205.926%208.807%204.938%200%208.888-2.634%209.958-8.231h1.975c-1.317%206.337-5.843%2010.452-12.427%2010.452-9.547%200-14.979-7.242-14.979-16.295%200-8.148%205.597-16.049%2014.32-16.049%207.654%200%2012.757%206.584%2012.757%2013.745zM101.159%209h-3.457V7h12.181v52h3.456v2H98v-2h3.159V9z'/%3e%3cpath%20fill='%23e31c0d'%20d='M126.892%2050.691h-2.469c-4.115%200-5.679%201.646-5.679%203.539%200%201.482.905%202.716%204.773%202.716l9.547-.164c6.749-.165%209.959%203.209%209.959%208.394%200%206.584-4.527%2014.156-15.308%2014.156-10.287%200-12.098-5.761-12.098-7.655%200-3.867%201.811-5.348%206.007-7.653-4.032-1.152-6.089-3.703-6.089-7.983%200-3.704%203.456-6.172%206.584-6.749v-.164c-3.869-1.4-6.502-5.103-6.502-9.547%200-2.716%202.387-10.535%2012.344-10.535%202.799%200%205.515%201.071%207.82%202.634.822-1.728%202.632-3.704%204.69-3.704%201.811%200%203.374.905%203.374%202.881%200%201.563-.987%202.469-2.551%202.469-1.316%200-2.221-.493-2.798-1.728a5.2%205.2%200%200%200-1.81%201.152c2.14%201.81%203.127%204.526%203.127%207.325%200%204.937-2.881%2010.616-12.921%2010.616zm-3.292-9.958c0%206.502.823%208.23%204.279%208.23%203.21%200%203.704-1.399%203.704-10.699%200-6.749-1.07-7.489-3.622-7.489-3.949%200-4.361%201.893-4.361%209.958zm10.369%2023.62h-11.11c-.988%201.729-1.564%202.634-1.564%204.774%200%205.267%203.128%207.9%208.231%207.9%205.513%200%2010.863-3.868%2010.863-8.888%200-2.386-.658-3.786-6.42-3.786zm19.418-26.912v14.814c0%205.349%201.234%207.572%204.773%207.572%203.951%200%204.774-2.223%204.774-7.49V37.441c0-6.09-2.305-6.831-4.774-6.831s-4.773.741-4.773%206.831zm4.773%2023.949c-9.628%200-14.237-8.065-14.237-16.131%200-8.147%204.609-16.213%2014.237-16.213s14.239%208.066%2014.239%2016.213c0%208.066-4.61%2016.131-14.239%2016.131zm27.217-23.949v14.814c0%205.349%201.234%207.572%204.773%207.572%203.951%200%204.774-2.223%204.774-7.49V37.441c0-6.09-2.305-6.831-4.774-6.831s-4.773.741-4.773%206.831zm4.773%2023.949c-9.628%200-14.238-8.065-14.238-16.131%200-8.147%204.61-16.213%2014.238-16.213s14.239%208.066%2014.239%2016.213c0%208.066-4.61%2016.131-14.239%2016.131zm37.505-12.592v-5.103c0-5.678-1.234-12.674-7.078-12.674-3.539%200-3.621%205.349-3.621%208.724v12.839c0%202.963.247%206.83%203.786%206.83%203.292%200%206.831-2.88%206.913-10.616zM236.379%2059H240v2h-12.263v-4.301h-.164c-1.317%202.881-4.444%204.692-7.819%204.692-8.806%200-12.098-8.23-12.098-15.802%200-10.287%204.855-16.542%2012.427-16.542%203.292%200%206.009%202.222%207.407%204.773h.165V8.883h-3.95V7h12.674v52z'/%3e%3c/svg%3e";
 const logoFeelgoodLight = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='240'%20height='83'%20xmlns:v='https://vecta.io/nano'%3e%3cpath%20fill='%23fff'%20d='M39.389%2011.947L36.139%2026h.001%208.038v3H35.55l-2.575%2012.093c-.813%203.982-1.716%207.964-2.711%2011.857-1.625%206.336-5.781%2017.378-9.576%2022.628C16.804%2081.009%2013.641%2083%206.866%2083%203.433%2083%200%2080.375%200%2076.845c0-2.353%201.806-4.344%204.246-4.344%202.078%200%204.246%201.266%204.246%203.62%200%201.086-.361%201.72-.723%202.172s-.722.724-.722%201.267c0%201.177%201.535%201.177%202.348%201.177%202.982%200%205.692-2.263%207.77-9.052%201.445-4.706%202.259-9.684%203.162-14.481L25.948%2029h-8.421l-.001-3h9.258s-.076.268%200%200c2.628-9.359%206.73-20.689%2016.038-24.824C44.268.543%2045.984%200%2048.514%200%2052.85%200%2058%202.262%2058%207.241c0%203.077-1.897%204.706-4.879%204.706-2.62%200-3.975-1.629-4.246-4.163-.18-1.448.813-2.897%201.626-3.62%201.988-1.72-1.626-1.902-2.529-1.902-4.427%200-7.318%204.254-8.583%209.685zm9.227%2028.868h8.559v-4.608c0-5.186-2.222-5.432-4.279-5.432-2.881%200-4.28%201.727-4.28%205.679v4.361zm17.53%201.976h-17.53v7.571c0%205.926%202.222%208.807%205.926%208.807%204.938%200%208.888-2.634%209.958-8.231h1.975c-1.317%206.337-5.843%2010.452-12.427%2010.452-9.547%200-14.978-7.242-14.978-16.295%200-8.148%205.596-16.049%2014.319-16.049%207.654%200%2012.757%206.584%2012.757%2013.745zm12.403-1.976h8.559v-4.608c0-5.186-2.222-5.432-4.279-5.432-2.881%200-4.28%201.727-4.28%205.679v4.361zm17.53%201.976h-17.53v7.571c0%205.926%202.222%208.807%205.926%208.807%204.938%200%208.888-2.634%209.958-8.231h1.975c-1.317%206.337-5.843%2010.452-12.427%2010.452-9.547%200-14.979-7.242-14.979-16.295%200-8.148%205.597-16.049%2014.32-16.049%207.654%200%2012.757%206.584%2012.757%2013.745zM101.159%209h-3.457V7h12.181v52h3.456v2H98v-2h3.159V9zm25.733%2041.691h-2.469c-4.115%200-5.679%201.646-5.679%203.539%200%201.482.905%202.716%204.773%202.716%203.21%200%206.42-.082%209.547-.164%206.749-.165%209.959%203.209%209.959%208.394%200%206.584-4.527%2014.156-15.308%2014.156-10.287%200-12.098-5.761-12.098-7.655%200-3.867%201.811-5.348%206.007-7.653-4.032-1.152-6.089-3.703-6.089-7.983%200-3.704%203.456-6.172%206.584-6.749v-.164c-3.869-1.4-6.502-5.103-6.502-9.547%200-2.716%202.387-10.535%2012.344-10.535%202.799%200%205.515%201.071%207.82%202.634.822-1.728%202.632-3.704%204.69-3.704%201.811%200%203.374.905%203.374%202.881%200%201.563-.987%202.469-2.551%202.469-1.316%200-2.221-.493-2.798-1.728a5.2%205.2%200%200%200-1.81%201.152c2.14%201.81%203.127%204.526%203.127%207.325%200%204.937-2.881%2010.616-12.921%2010.616zm-3.292-9.958c0%206.502.823%208.23%204.279%208.23%203.21%200%203.704-1.399%203.704-10.699%200-6.749-1.07-7.489-3.622-7.489-3.949%200-4.361%201.893-4.361%209.958zm10.369%2023.62h-11.11c-.988%201.729-1.564%202.634-1.564%204.774%200%205.267%203.128%207.9%208.231%207.9%205.513%200%2010.863-3.868%2010.863-8.888%200-2.386-.658-3.786-6.42-3.786zm19.418-26.912v14.814c0%205.349%201.234%207.572%204.773%207.572%203.951%200%204.774-2.223%204.774-7.49V37.441c0-6.09-2.305-6.831-4.774-6.831s-4.773.741-4.773%206.831zm4.773%2023.949c-9.628%200-14.237-8.065-14.237-16.131%200-8.147%204.609-16.213%2014.237-16.213s14.239%208.066%2014.239%2016.213c0%208.066-4.61%2016.131-14.239%2016.131zm27.217-23.949v14.814c0%205.349%201.234%207.572%204.773%207.572%203.951%200%204.774-2.223%204.774-7.49V37.441c0-6.09-2.305-6.831-4.774-6.831s-4.773.741-4.773%206.831zm4.773%2023.949c-9.628%200-14.238-8.065-14.238-16.131%200-8.147%204.61-16.213%2014.238-16.213s14.239%208.066%2014.239%2016.213c0%208.066-4.61%2016.131-14.239%2016.131zm37.505-12.592v-5.103c0-5.678-1.234-12.674-7.078-12.674-3.539%200-3.621%205.349-3.621%208.724v12.839c0%202.963.247%206.83%203.786%206.83%203.292%200%206.831-2.88%206.913-10.616zM236.379%2059H240v2h-12.263v-4.301h-.164c-1.317%202.881-4.444%204.692-7.819%204.692-8.806%200-12.098-8.23-12.098-15.802%200-10.287%204.855-16.542%2012.427-16.542%203.292%200%206.009%202.222%207.407%204.773h.165V8.883h-3.95V7h12.674v52z'/%3e%3c/svg%3e";
 const bankid = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='85'%20height='80'%20fill='%23193e4f'%20xmlns:v='https://vecta.io/nano'%3e%3cpath%20d='M26.693%2041.74l3.534-22.276h-3.775c-1.767%200-4.043-.991-4.712-2.811-.214-.616-.723-2.731%202.195-4.793%201.044-.723%201.714-1.526%201.847-2.142.134-.643-.027-1.205-.482-1.633-.643-.616-1.901-.964-3.507-.964-2.704%200-4.605%201.553-4.792%202.677-.134.83.509%201.499%201.071%201.928%201.687%201.258%202.088%203.079%201.044%204.793-1.071%201.767-3.4%202.918-5.89%202.945H9.371L3.4%2057.51h20.83l2.463-15.77zM2.276%2065.221h8.541c3.641%200%204.525%201.847%204.257%203.534-.214%201.366-1.151%202.383-2.758%203.052%202.035.776%202.838%201.981%202.544%203.882-.375%202.383-2.436%204.15-5.141%204.15H0l2.276-14.618zm5.649%206.051c1.66%200%202.436-.884%202.597-1.928.161-1.124-.348-1.901-2.008-1.901H7.042l-.589%203.829h1.473zm-.91%206.292c1.714%200%202.704-.696%202.945-2.115.187-1.232-.509-1.954-2.169-1.954h-1.66l-.643%204.096h1.526v-.027zm19.812%202.383c-2.222.161-3.293-.08-3.829-1.044-1.178.723-2.49%201.098-3.882%201.098-2.517%200-3.4-1.312-3.159-2.758.107-.696.509-1.365%201.151-1.928%201.392-1.205%204.819-1.365%206.158-2.276.107-1.017-.294-1.392-1.553-1.392-1.473%200-2.704.482-4.819%201.928l.509-3.32c1.821-1.312%203.588-1.928%205.623-1.928%202.597%200%204.9%201.071%204.471%203.909l-.509%203.213c-.187%201.124-.134%201.473%201.125%201.499l-1.285%202.999zm-3.855-5.06c-1.178.75-3.373.616-3.615%202.169-.107.723.348%201.258%201.071%201.258.696%200%201.553-.294%202.249-.776-.054-.268-.027-.535.053-1.044l.241-1.606zm8.005-6.373h4.445l-.241%201.472c1.419-1.205%202.49-1.66%203.882-1.66%202.49%200%203.641%201.526%203.24%204.016l-1.151%207.47h-4.444l.964-6.185c.187-1.124-.161-1.66-1.017-1.66-.696%200-1.339.375-1.955%201.205l-1.017%206.613h-4.444l1.74-11.272zm14.806-3.293h4.445l-1.125%207.175%204.257-3.882h5.489l-5.462%204.819%204.391%206.479h-5.596l-3.373-5.248h-.054l-.803%205.221h-4.444l2.276-14.565zm15.716%200h5.114l-2.249%2014.592H59.25l2.249-14.592zm7.604%200h7.309c5.649%200%207.282%204.096%206.747%207.497-.509%203.32-3.133%207.095-8.086%207.095h-8.246l2.276-14.592zm4.739%2011.111c2.49%200%203.855-1.232%204.257-3.829.294-1.928-.295-3.829-3.052-3.829h-1.365l-1.178%207.657h1.339zM54.699%200H33.414l-2.838%2018.019h3.614c1.981%200%203.855-.91%204.659-2.222.268-.428.375-.803.375-1.151%200-.75-.509-1.312-1.017-1.687-1.392-1.044-1.687-2.142-1.687-2.918%200-.161%200-.295.027-.428.294-1.901%202.865-3.963%206.265-3.963%202.035%200%203.588.482%204.525%201.365.83.776%201.151%201.874.91%203.025-.294%201.365-1.66%202.49-2.436%203.052-2.062%201.446-1.794%202.704-1.66%203.079.428%201.124%202.062%201.847%203.32%201.847h5.515v.027c7.497.054%2011.513%203.507%2010.254%2011.54-1.178%207.47-6.908%2010.683-13.735%2010.736l-2.704%2017.242h3.989c16.841%200%2030.602-10.817%2033.307-27.898C87.443%208.461%2073.976%200%2054.699%200z'/%3e%3c/svg%3e";
@@ -10962,6 +10984,7 @@ exports.logoFeelgoodColored = logoFeelgoodColored;
 exports.logoFeelgoodLight = logoFeelgoodLight;
 exports.useBoldQuery = useBoldQuery;
 exports.useDownload = useDownload;
+exports.useFileValidation = useFileValidation;
 exports.useIsPid = useIsPid;
 exports.useTreeState = useTreeState;
 //# sourceMappingURL=fds-vue-core.cjs.js.map