fds-vue-core 2.1.4 → 2.1.5

package/configs/tsconfig.base.json

@@ -12,6 +12,7 @@
     }
   },
   "vueCompilerOptions": {
-    "strictTemplates": true
+    "strictTemplates": true,
+    "types": ["fds-vue-core"]
   }
 }

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

@@ -1201,8 +1201,9 @@ const getTitleFromProperties = (node, titleTemplate) => {
   if (!titleTemplate) {
     return node.title;
   }
-  const templateVariables = extractTemplateVariables(titleTemplate);
-  let result = titleTemplate;
+  const template = titleTemplate ?? "";
+  const templateVariables = extractTemplateVariables(template);
+  let result = template;
   templateVariables.forEach((variable) => {
     const value = getNodePropertyValue(node, variable);
     const regex = new RegExp(`\\[\\[${variable.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}\\]\\]`, "g");
@@ -1215,7 +1216,9 @@ const extractTemplateVariables = (template) => {
   const matches = [];
   let match;
   while ((match = regex.exec(template)) !== null) {
-    matches.push(match[1]);
+    if (match[1]) {
+      matches.push(match[1]);
+    }
   }
   return matches;
 };
@@ -6575,6 +6578,13 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
         "sticky bg-white bottom-0 shadow-[0px_-8px_16px_0px_rgba(255,255,255,0.59)] z-[2] -mx-6 px-6 pb-6": props.stickyFooter
       }
     ]);
+    const setHtmlOverflow = (value) => {
+      if (typeof document === "undefined") return;
+      const htmlEl = document.documentElement;
+      if (htmlEl) {
+        htmlEl.style.overflow = value;
+      }
+    };
     const handleBackdropClick = () => {
       handleClose("backdrop");
     };
@@ -6583,7 +6593,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
         return;
       }
       isOpen.value = false;
-      document.getElementsByTagName("html")[0].style.overflow = "auto";
+      setHtmlOverflow("auto");
       vue.nextTick(() => {
         if (previouslyFocusedElement.value) {
           previouslyFocusedElement.value.focus();
@@ -6638,11 +6648,11 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
         if (newValue) {
           previouslyFocusedElement.value = document.activeElement;
           if (props.lockScroll) {
-            document.getElementsByTagName("html")[0].style.overflow = "hidden";
+            setHtmlOverflow("hidden");
           }
           trapFocus();
         } else {
-          document.getElementsByTagName("html")[0].style.overflow = "auto";
+          setHtmlOverflow("auto");
           if (cleanupFocusTrap) {
             cleanupFocusTrap();
             cleanupFocusTrap = null;
@@ -6661,14 +6671,14 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
       if (props.open) {
         previouslyFocusedElement.value = document.activeElement;
         if (props.lockScroll) {
-          document.getElementsByTagName("html")[0].style.overflow = "hidden";
+          setHtmlOverflow("hidden");
         }
         trapFocus();
       }
     });
     vue.onBeforeUnmount(() => {
       document.removeEventListener("keydown", handleKeyDown, true);
-      document.getElementsByTagName("html")[0].style.overflow = "auto";
+      setHtmlOverflow("auto");
       if (cleanupFocusTrap) {
         cleanupFocusTrap();
       }
@@ -6988,6 +6998,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   emits: ["searchSelected", "paginate", "total", "change"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const searchFields = vue.computed(() => props.searchFields ?? []);
     const emit = __emit;
     const dropdownVisible = vue.ref(false);
     const singleItemName = vue.ref("");
@@ -7030,7 +7041,9 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       return { maxHeight: `${maxHeight}px` };
     });
     const sortResponse = (response) => {
-      const allKeys = [...props.searchFields, ...Object.keys(response[0]).filter((k) => !props.searchFields.includes(k))];
+      if (!response.length) return [];
+      const firstItem = response[0] ?? {};
+      const allKeys = [...searchFields.value, ...Object.keys(firstItem).filter((k) => !searchFields.value.includes(k))];
       return response.map((item) => {
         const sorted = {};
         allKeys.forEach((key) => {
@@ -7045,7 +7058,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       const searchLower = searchValue.toLowerCase();
       const pidRegex = /^\d{8}[a-zA-Z0-9]{4}$/;
       if (pidRegex.test(searchValue)) return true;
-      return props.searchFields.some((key) => {
+      return searchFields.value.some((key) => {
         const value = item[key];
         if (!value) return false;
         const stringValue = String(value);
@@ -7061,7 +7074,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
         emit("total", 0);
         return;
       }
-      let sourceData = props.items;
+      let sourceData = props.items ?? [];
       if (props.preserveOrder && sourceData.length) {
         sourceData = sortResponse(sourceData);
       }
@@ -7166,7 +7179,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       return void 0;
     });
     const handleMatchingString = (item) => {
-      const values = props.searchFields.map((key) => String(item[key] || ""));
+      const values = searchFields.value.map((key) => String(item[key] || ""));
       let result = "";
       if (values.length === 1) {
         result = values[0] || "";
@@ -7208,7 +7221,8 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       if (keyEvent.key === "Enter" || keyEvent.code === "Space" || e.type === "mouseup") {
         e.preventDefault();
         e.stopPropagation();
-        searchTerm.value = item[props.searchFields[0]] || "";
+        const firstField = searchFields.value[0];
+        searchTerm.value = (firstField ? item[firstField] : "") || "";
         selectItem(item);
         focusedIndex.value = -1;
         dropdownVisible.value = false;
@@ -7272,9 +7286,15 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
         case "Enter":
           e.preventDefault();
           if (focusedIndex.value >= 0 && focusedIndex.value < displayedItems.value.length) {
-            handleClick(e, displayedItems.value[focusedIndex.value]);
+            const focusedItem = displayedItems.value[focusedIndex.value];
+            if (focusedItem) {
+              handleClick(e, focusedItem);
+            }
           } else if (displayedItems.value.length === 1) {
-            handleClick(e, displayedItems.value[0]);
+            const onlyItem = displayedItems.value[0];
+            if (onlyItem) {
+              handleClick(e, onlyItem);
+            }
           }
           break;
         case "Escape":