fds-vue-core 6.0.9 → 6.0.11

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

@@ -8588,7 +8588,9 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", {
           class: vue.normalizeClass({ "flex flex-row gap-4": props.labelLeft })
         }, [
-          vue.createElementVNode("div", null, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass({ "text-right": props.labelLeft })
+          }, [
             props.label ? (vue.openBlock(), vue.createElementBlock("label", vue.mergeProps({
               key: 0,
               for: inputId.value,
@@ -8598,7 +8600,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
               key: 1,
               class: vue.normalizeClass(["font-thin", { "mb-1": !props.labelLeft }])
             }, vue.toDisplayString(props.meta), 3)) : vue.createCommentVNode("", true)
-          ]),
+          ], 2),
           vue.createElementVNode("div", {
             class: vue.normalizeClass({ "flex-1": props.labelLeft })
           }, [
@@ -10758,9 +10760,14 @@ const useSearchSelectProItems = ({
     selectedItems.value = selectedItems.value.filter((item) => currentIds.has(getItemIdentifier(item)));
   };
   const hasInternalMoreItems = vue.computed(() => matchingItems.value.length > displayedItems.value.length);
+  const hasMoreServerPages = vue.computed(() => {
+    if (props.page === void 0 || props.totalPages === void 0) return false;
+    return props.page < props.totalPages;
+  });
   const shouldShowLoadMore = vue.computed(() => {
     if (isMultiple.value && showSelectedOnly.value) return false;
     if (hasInternalMoreItems.value) return true;
+    if (hasMoreServerPages.value) return true;
     if (props.maxItems && props.maxItems > 0) return false;
     return props.showLoadMore;
   });
@@ -10839,6 +10846,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     loading: { type: Boolean, default: false },
     searchFields: { default: () => [] },
     preserveOrder: { type: Boolean, default: false },
+    debounceMs: { default: 500 },
     initialValue: { default: "" },
     displayValue: { default: "" },
     disabled: { type: Boolean, default: false },
@@ -11042,20 +11050,23 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
       }
       return digits;
     };
-    const debounce = (fn, delay) => {
-      let timeout;
-      return (...args) => {
-        clearTimeout(timeout);
-        timeout = setTimeout(() => fn(...args), delay);
-      };
+    let changeTimeout = null;
+    let inputTimeout = null;
+    const debouncedEmitChange = (value) => {
+      if (changeTimeout) clearTimeout(changeTimeout);
+      const delay = Math.max(0, props.debounceMs ?? 500);
+      changeTimeout = setTimeout(() => {
+        const formattedValue = formatPidWithDash(value);
+        emit("change", formattedValue);
+      }, delay);
+    };
+    const debouncedEmitInput = (ev) => {
+      if (inputTimeout) clearTimeout(inputTimeout);
+      const delay = Math.max(0, props.debounceMs ?? 500);
+      inputTimeout = setTimeout(() => {
+        emit("input", ev);
+      }, delay);
     };
-    const debouncedEmitChange = debounce((value) => {
-      const formattedValue = formatPidWithDash(value);
-      emit("change", formattedValue);
-    }, 500);
-    const debouncedEmitInput = debounce((ev) => {
-      emit("input", ev);
-    }, 500);
     vue.watch(
       () => searchTerm.value,
       (newValue) => {
@@ -11088,12 +11099,6 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
         valid.value = false;
       }
     };
-    const totalPages = vue.computed(() => {
-      if (props.page !== void 0 && props.totalPages !== void 0) {
-        return props.totalPages;
-      }
-      return null;
-    });
     const handleInput = (e) => {
       const target = e.target;
       const { value } = target;
@@ -11164,9 +11169,6 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
       }
       return result;
     };
-    const handlePagination = (_payload) => {
-      emit("paginate", _payload.detail);
-    };
     const selectItem = (item) => {
       selectedItem.value = item;
       setValidSelectedState();
@@ -11346,6 +11348,8 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     });
     vue.onBeforeUnmount(() => {
       window.removeEventListener("mouseup", onClickOutside);
+      if (changeTimeout) clearTimeout(changeTimeout);
+      if (inputTimeout) clearTimeout(inputTimeout);
       const input = getInputElement();
       if (input) {
         input.removeEventListener("keydown", handleInputKeyDown);
@@ -11517,14 +11521,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                     vue.createElementVNode("span", null, vue.toDisplayString(__props.loadingMore ? resolvedLoadingMoreLabel.value : resolvedLoadMoreLabel.value), 1)
                   ], 42, _hoisted_12)
                 ])) : vue.createCommentVNode("", true)
-              ], 32),
-              __props.page !== void 0 && totalPages.value !== null && totalPages.value > 1 ? (vue.openBlock(), vue.createBlock(_sfc_main$l, {
-                key: 0,
-                current: __props.page,
-                max: totalPages.value,
-                onPaginate: handlePagination,
-                class: "my-4! px-2"
-              }, null, 8, ["current", "max"])) : vue.createCommentVNode("", true)
+              ], 32)
             ], 64)) : !__props.loading ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_13, [
               vue.createElementVNode("li", _hoisted_14, vue.toDisplayString(__props.noResultPrompt), 1)
             ])) : vue.createCommentVNode("", true)