npm - @dolusoft/vue3-datatable - Versions diffs - 1.8.38 → 1.8.40 - Mend

@dolusoft/vue3-datatable 1.8.38 → 1.8.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/vue3-datatable.cjs CHANGED Viewed

@@ -2469,7 +2469,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const ButtonExpand = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-da3bc8d5"]]);
+const ButtonExpand = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-4d01a2fa"]]);
 const __default__$4 = {
   name: "ButtonRightPanel"
 };
@@ -2495,7 +2495,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ButtonRightPanel = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-b373d5f7"]]);
+const ButtonRightPanel = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-d739c6bf"]]);
 const sides = ["top", "right", "bottom", "left"];
 const alignments = ["start", "end"];
 const placements = /* @__PURE__ */ sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), []);
@@ -5365,10 +5365,10 @@ const _hoisted_17$1 = {
   key: 0,
   class: "bh-filter bh-relative"
 };
-const _hoisted_18$1 = ["onUpdate:modelValue"];
-const _hoisted_19$1 = ["onUpdate:modelValue"];
-const _hoisted_20$1 = ["onUpdate:modelValue"];
-const _hoisted_21$1 = ["onUpdate:modelValue"];
+const _hoisted_18$1 = ["onUpdate:modelValue", "onKeydown"];
+const _hoisted_19$1 = ["onUpdate:modelValue", "onKeydown"];
+const _hoisted_20$1 = ["onUpdate:modelValue", "onKeydown"];
+const _hoisted_21$1 = ["onUpdate:modelValue", "onKeydown"];
 const _hoisted_22$1 = /* @__PURE__ */ vue.createElementVNode("option", { value: void 0 }, "All", -1);
 const _hoisted_23$1 = /* @__PURE__ */ vue.createElementVNode("option", { value: true }, "True", -1);
 const _hoisted_24$1 = /* @__PURE__ */ vue.createElementVNode("option", { value: false }, "False", -1);
@@ -5381,10 +5381,10 @@ const _hoisted_26$1 = {
   key: 1,
   class: "bh-filter-input-wrapper"
 };
-const _hoisted_27$1 = ["onUpdate:modelValue"];
-const _hoisted_28$1 = ["onUpdate:modelValue"];
-const _hoisted_29$1 = ["onUpdate:modelValue"];
-const _hoisted_30$1 = ["onUpdate:modelValue"];
+const _hoisted_27$1 = ["onUpdate:modelValue", "onKeydown"];
+const _hoisted_28$1 = ["onUpdate:modelValue", "onKeydown"];
+const _hoisted_29$1 = ["onUpdate:modelValue", "onKeydown"];
+const _hoisted_30$1 = ["onUpdate:modelValue", "onKeydown"];
 const _hoisted_31$1 = /* @__PURE__ */ vue.createElementVNode("option", { value: void 0 }, "All", -1);
 const _hoisted_32$1 = /* @__PURE__ */ vue.createElementVNode("option", { value: true }, "True", -1);
 const _hoisted_33$1 = /* @__PURE__ */ vue.createElementVNode("option", { value: false }, "False", -1);
@@ -5423,7 +5423,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     "filterDatetimeUpdate",
     "clearAllFilters"
   ],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const selectedAll = vue.ref(null);
     const props = __props;
     const emit = __emit;
@@ -5436,6 +5436,8 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     const filterInputs = vue.ref({});
     const columnConditions = vue.ref({});
     const watchedFields = vue.ref(/* @__PURE__ */ new Set());
+    const debounceTimers = /* @__PURE__ */ new Map();
+    const processChangeFunctions = /* @__PURE__ */ new Map();
     const columnsMap = vue.computed(() => {
       var _a;
       const map = /* @__PURE__ */ new Map();
@@ -5457,18 +5459,20 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
             filterInputs.value[col.field] = col.value || "";
           }
           watchedFields.value.add(col.field);
-          let debounceTimer = null;
+          debounceTimers.set(col.field, null);
           vue.watch(
             () => filterInputs.value[col.field],
             (newValue) => {
               const column = columnsMap.value.get(col.field);
               if (!column) return;
               const isEmpty = newValue === "" || newValue === null || newValue === void 0;
-              if (debounceTimer) {
-                clearTimeout(debounceTimer);
-                debounceTimer = null;
+              const existingTimer = debounceTimers.get(col.field);
+              if (existingTimer) {
+                clearTimeout(existingTimer);
+                debounceTimers.set(col.field, null);
               }
               const processChange = () => {
+                debounceTimers.set(col.field, null);
                 if (column.type === "string" || column.type === "String") {
                   column.value = isEmpty ? "" : typeof newValue === "string" ? newValue.trim() : newValue;
                 } else {
@@ -5485,16 +5489,43 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                 }
                 emit("filterChange");
               };
+              processChangeFunctions.set(col.field, processChange);
               if (isEmpty) {
                 processChange();
               } else {
-                debounceTimer = setTimeout(processChange, 300);
+                debounceTimers.set(col.field, setTimeout(processChange, 100));
               }
             }
           );
         }
       });
     };
+    const flushFilterDebounce = (field) => {
+      const timer = debounceTimers.get(field);
+      if (timer) {
+        clearTimeout(timer);
+        debounceTimers.set(field, null);
+        const processChange = processChangeFunctions.get(field);
+        if (processChange) {
+          processChange();
+        }
+      }
+    };
+    const flushAllFilterDebounces = () => {
+      debounceTimers.forEach((timer, field) => {
+        if (timer) {
+          clearTimeout(timer);
+          debounceTimers.set(field, null);
+          const processChange = processChangeFunctions.get(field);
+          if (processChange) {
+            processChange();
+          }
+        }
+      });
+    };
+    const handleFilterEnter = (field) => {
+      flushFilterDebounce(field);
+    };
     const handleClearAllFilters = () => {
       var _a;
       Object.keys(filterInputs.value).forEach((key) => {
@@ -5634,6 +5665,10 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       }
       emit("filterChange");
     };
+    __expose({
+      flushFilterDebounce,
+      flushAllFilterDebounces
+    });
     return (_ctx, _cache) => {
       const _component_VDropdown = vue.resolveComponent("VDropdown");
       return vue.openBlock(), vue.createElementBlock("tr", _hoisted_1$1, [
@@ -5806,16 +5841,18 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                       key: 0,
                       "onUpdate:modelValue": ($event) => filterInputs.value[col.field] = $event,
                       type: "text",
-                      class: "bh-form-control"
-                    }, null, 8, _hoisted_18$1)), [
+                      class: "bh-form-control",
+                      onKeydown: vue.withKeys(($event) => handleFilterEnter(col.field), ["enter"])
+                    }, null, 40, _hoisted_18$1)), [
                       [vue.vModelText, filterInputs.value[col.field]]
                     ]) : vue.createCommentVNode("", true),
                     col.type === "number" || col.type === "integer" || col.type === "Integer" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
                       key: 1,
                       "onUpdate:modelValue": ($event) => filterInputs.value[col.field] = $event,
                       type: "number",
-                      class: "bh-form-control"
-                    }, null, 8, _hoisted_19$1)), [
+                      class: "bh-form-control",
+                      onKeydown: vue.withKeys(($event) => handleFilterEnter(col.field), ["enter"])
+                    }, null, 40, _hoisted_19$1)), [
                       [
                         vue.vModelText,
                         filterInputs.value[col.field],
@@ -5830,13 +5867,15 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                         updateValue: (val) => {
                           filterInputs.value[col.field] = val;
                           emit("filterDatetimeUpdate", col.field, val);
-                        }
+                        },
+                        onEnter: () => handleFilterEnter(col.field)
                       }) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
                         key: 1,
                         "onUpdate:modelValue": ($event) => filterInputs.value[col.field] = $event,
                         type: "date",
-                        class: "bh-form-control"
-                      }, null, 8, _hoisted_20$1)), [
+                        class: "bh-form-control",
+                        onKeydown: vue.withKeys(($event) => handleFilterEnter(col.field), ["enter"])
+                      }, null, 40, _hoisted_20$1)), [
                         [vue.vModelText, filterInputs.value[col.field]]
                       ])
                     ], 64)) : col.type === "bool" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("select", {
@@ -5844,8 +5883,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                       "onUpdate:modelValue": ($event) => filterInputs.value[col.field] = $event,
                       class: "bh-form-control",
                       onClick: _cache[1] || (_cache[1] = //@ts-ignore
-                      (...args) => props.isOpenFilter && props.isOpenFilter(...args))
-                    }, _hoisted_25$1, 8, _hoisted_21$1)), [
+                      (...args) => props.isOpenFilter && props.isOpenFilter(...args)),
+                      onKeydown: vue.withKeys(($event) => handleFilterEnter(col.field), ["enter"])
+                    }, _hoisted_25$1, 40, _hoisted_21$1)), [
                       [vue.vModelSelect, filterInputs.value[col.field]]
                     ]) : vue.createCommentVNode("", true)
                   ], 64)) : vue.createCommentVNode("", true),
@@ -5862,8 +5902,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                       type: "text",
                       class: vue.normalizeClass(["bh-form-control", {
                         "bh-form-control--with-label": hasConditionSet(col) && props.all.useNewColumnFilter
-                      }])
-                    }, null, 10, _hoisted_27$1)), [
+                      }]),
+                      onKeydown: vue.withKeys(($event) => handleFilterEnter(col.field), ["enter"])
+                    }, null, 42, _hoisted_27$1)), [
                       [vue.vModelText, filterInputs.value[col.field]]
                     ]) : vue.createCommentVNode("", true),
                     col.type === "number" || col.type === "integer" || col.type === "Integer" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
@@ -5872,8 +5913,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                       type: "number",
                       class: vue.normalizeClass(["bh-form-control", {
                         "bh-form-control--with-label": hasConditionSet(col) && props.all.useNewColumnFilter
-                      }])
-                    }, null, 10, _hoisted_28$1)), [
+                      }]),
+                      onKeydown: vue.withKeys(($event) => handleFilterEnter(col.field), ["enter"])
+                    }, null, 42, _hoisted_28$1)), [
                       [
                         vue.vModelText,
                         filterInputs.value[col.field],
@@ -5889,15 +5931,17 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                           filterInputs.value[col.field] = val;
                           emit("filterDatetimeUpdate", col.field, val);
                         },
-                        hasLabel: hasConditionSet(col) && props.all.useNewColumnFilter
+                        hasLabel: hasConditionSet(col) && props.all.useNewColumnFilter,
+                        onEnter: () => handleFilterEnter(col.field)
                       }) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
                         key: 1,
                         "onUpdate:modelValue": ($event) => filterInputs.value[col.field] = $event,
                         type: "date",
                         class: vue.normalizeClass(["bh-form-control", {
                           "bh-form-control--with-label": hasConditionSet(col) && props.all.useNewColumnFilter
-                        }])
-                      }, null, 10, _hoisted_29$1)), [
+                        }]),
+                        onKeydown: vue.withKeys(($event) => handleFilterEnter(col.field), ["enter"])
+                      }, null, 42, _hoisted_29$1)), [
                         [vue.vModelText, filterInputs.value[col.field]]
                       ])
                     ], 64)) : col.type === "bool" ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("select", {
@@ -5905,8 +5949,9 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                       "onUpdate:modelValue": ($event) => filterInputs.value[col.field] = $event,
                       class: "bh-form-control",
                       onClick: _cache[2] || (_cache[2] = //@ts-ignore
-                      (...args) => props.isOpenFilter && props.isOpenFilter(...args))
-                    }, _hoisted_34$1, 8, _hoisted_30$1)), [
+                      (...args) => props.isOpenFilter && props.isOpenFilter(...args)),
+                      onKeydown: vue.withKeys(($event) => handleFilterEnter(col.field), ["enter"])
+                    }, _hoisted_34$1, 40, _hoisted_30$1)), [
                       [vue.vModelSelect, filterInputs.value[col.field]]
                     ]) : vue.createCommentVNode("", true)
                   ])) : vue.createCommentVNode("", true),
@@ -6272,6 +6317,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return (col == null ? void 0 : col.field) || null;
     });
     const hasAnyActiveFilter = vue.ref(false);
+    const columnHeaderRef = vue.ref(null);
     const updateHasAnyActiveFilter = () => {
       hasAnyActiveFilter.value = props.columns.some((col) => {
         return col.value !== void 0 && col.value !== null && col.value !== "";
@@ -6575,6 +6621,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }
         }
         return !!column;
+      },
+      /**
+       * Flush all pending filter debounces
+       * Call this before getColumnFilters() when Enter is pressed
+       * to ensure all filter values are immediately processed
+       */
+      flushAllFilterDebounces() {
+        var _a2, _b2;
+        (_b2 = (_a2 = columnHeaderRef.value) == null ? void 0 : _a2.flushAllFilterDebounces) == null ? void 0 : _b2.call(_a2);
       }
     });
     vue.watch(
@@ -7068,6 +7123,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                   })
                                 }, [
                                   vue.createVNode(_sfc_main$1, {
+                                    ref_key: "columnHeaderRef",
+                                    ref: columnHeaderRef,
                                     all: props,
                                     expandedrows: expandedrows.value,
                                     currentSortColumn: currentSortColumn.value,

package/dist/vue3-datatable.css CHANGED Viewed

@@ -1,16 +1,16 @@
-.expandbtn[data-v-da3bc8d5] {
+.expandbtn[data-v-4d01a2fa] {
     cursor: pointer;
-}
+}
-.rightpanelbtn[data-v-b373d5f7] {
-    cursor: pointer;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 24px;
+.rightpanelbtn[data-v-d739c6bf] {
+    cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 24px;
     height: 24px;
-}
+}
 .splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging .splitpanes__pane{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.splitpanes.default-theme .splitpanes__pane{background-color:#f2f2f2}.splitpanes.default-theme .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.splitpanes.default-theme .splitpanes__splitter:before,.splitpanes.default-theme .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:#00000026;transition:background-color .3s}.splitpanes.default-theme .splitpanes__splitter:hover:before,.splitpanes.default-theme .splitpanes__splitter:hover:after{background-color:#00000040}.splitpanes.default-theme .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translate(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}
 .left-menu-container {

package/dist/vue3-datatable.js CHANGED Viewed

@@ -2468,7 +2468,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const ButtonExpand = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-da3bc8d5"]]);
+const ButtonExpand = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-4d01a2fa"]]);
 const __default__$4 = {
   name: "ButtonRightPanel"
 };
@@ -2494,7 +2494,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ButtonRightPanel = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-b373d5f7"]]);
+const ButtonRightPanel = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-d739c6bf"]]);
 const sides = ["top", "right", "bottom", "left"];
 const alignments = ["start", "end"];
 const placements = /* @__PURE__ */ sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), []);
@@ -5364,10 +5364,10 @@ const _hoisted_17$1 = {
   key: 0,
   class: "bh-filter bh-relative"
 };
-const _hoisted_18$1 = ["onUpdate:modelValue"];
-const _hoisted_19$1 = ["onUpdate:modelValue"];
-const _hoisted_20$1 = ["onUpdate:modelValue"];
-const _hoisted_21$1 = ["onUpdate:modelValue"];
+const _hoisted_18$1 = ["onUpdate:modelValue", "onKeydown"];
+const _hoisted_19$1 = ["onUpdate:modelValue", "onKeydown"];
+const _hoisted_20$1 = ["onUpdate:modelValue", "onKeydown"];
+const _hoisted_21$1 = ["onUpdate:modelValue", "onKeydown"];
 const _hoisted_22$1 = /* @__PURE__ */ createElementVNode("option", { value: void 0 }, "All", -1);
 const _hoisted_23$1 = /* @__PURE__ */ createElementVNode("option", { value: true }, "True", -1);
 const _hoisted_24$1 = /* @__PURE__ */ createElementVNode("option", { value: false }, "False", -1);
@@ -5380,10 +5380,10 @@ const _hoisted_26$1 = {
   key: 1,
   class: "bh-filter-input-wrapper"
 };
-const _hoisted_27$1 = ["onUpdate:modelValue"];
-const _hoisted_28$1 = ["onUpdate:modelValue"];
-const _hoisted_29$1 = ["onUpdate:modelValue"];
-const _hoisted_30$1 = ["onUpdate:modelValue"];
+const _hoisted_27$1 = ["onUpdate:modelValue", "onKeydown"];
+const _hoisted_28$1 = ["onUpdate:modelValue", "onKeydown"];
+const _hoisted_29$1 = ["onUpdate:modelValue", "onKeydown"];
+const _hoisted_30$1 = ["onUpdate:modelValue", "onKeydown"];
 const _hoisted_31$1 = /* @__PURE__ */ createElementVNode("option", { value: void 0 }, "All", -1);
 const _hoisted_32$1 = /* @__PURE__ */ createElementVNode("option", { value: true }, "True", -1);
 const _hoisted_33$1 = /* @__PURE__ */ createElementVNode("option", { value: false }, "False", -1);
@@ -5422,7 +5422,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     "filterDatetimeUpdate",
     "clearAllFilters"
   ],
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const selectedAll = ref(null);
     const props = __props;
     const emit = __emit;
@@ -5435,6 +5435,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const filterInputs = ref({});
     const columnConditions = ref({});
     const watchedFields = ref(/* @__PURE__ */ new Set());
+    const debounceTimers = /* @__PURE__ */ new Map();
+    const processChangeFunctions = /* @__PURE__ */ new Map();
     const columnsMap = computed(() => {
       var _a;
       const map = /* @__PURE__ */ new Map();
@@ -5456,18 +5458,20 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             filterInputs.value[col.field] = col.value || "";
           }
           watchedFields.value.add(col.field);
-          let debounceTimer = null;
+          debounceTimers.set(col.field, null);
           watch(
             () => filterInputs.value[col.field],
             (newValue) => {
               const column = columnsMap.value.get(col.field);
               if (!column) return;
               const isEmpty = newValue === "" || newValue === null || newValue === void 0;
-              if (debounceTimer) {
-                clearTimeout(debounceTimer);
-                debounceTimer = null;
+              const existingTimer = debounceTimers.get(col.field);
+              if (existingTimer) {
+                clearTimeout(existingTimer);
+                debounceTimers.set(col.field, null);
               }
               const processChange = () => {
+                debounceTimers.set(col.field, null);
                 if (column.type === "string" || column.type === "String") {
                   column.value = isEmpty ? "" : typeof newValue === "string" ? newValue.trim() : newValue;
                 } else {
@@ -5484,16 +5488,43 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 }
                 emit("filterChange");
               };
+              processChangeFunctions.set(col.field, processChange);
               if (isEmpty) {
                 processChange();
               } else {
-                debounceTimer = setTimeout(processChange, 300);
+                debounceTimers.set(col.field, setTimeout(processChange, 100));
               }
             }
           );
         }
       });
     };
+    const flushFilterDebounce = (field) => {
+      const timer = debounceTimers.get(field);
+      if (timer) {
+        clearTimeout(timer);
+        debounceTimers.set(field, null);
+        const processChange = processChangeFunctions.get(field);
+        if (processChange) {
+          processChange();
+        }
+      }
+    };
+    const flushAllFilterDebounces = () => {
+      debounceTimers.forEach((timer, field) => {
+        if (timer) {
+          clearTimeout(timer);
+          debounceTimers.set(field, null);
+          const processChange = processChangeFunctions.get(field);
+          if (processChange) {
+            processChange();
+          }
+        }
+      });
+    };
+    const handleFilterEnter = (field) => {
+      flushFilterDebounce(field);
+    };
     const handleClearAllFilters = () => {
       var _a;
       Object.keys(filterInputs.value).forEach((key) => {
@@ -5633,6 +5664,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
       emit("filterChange");
     };
+    __expose({
+      flushFilterDebounce,
+      flushAllFilterDebounces
+    });
     return (_ctx, _cache) => {
       const _component_VDropdown = resolveComponent("VDropdown");
       return openBlock(), createElementBlock("tr", _hoisted_1$1, [
@@ -5805,16 +5840,18 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       key: 0,
                       "onUpdate:modelValue": ($event) => filterInputs.value[col.field] = $event,
                       type: "text",
-                      class: "bh-form-control"
-                    }, null, 8, _hoisted_18$1)), [
+                      class: "bh-form-control",
+                      onKeydown: withKeys(($event) => handleFilterEnter(col.field), ["enter"])
+                    }, null, 40, _hoisted_18$1)), [
                       [vModelText, filterInputs.value[col.field]]
                     ]) : createCommentVNode("", true),
                     col.type === "number" || col.type === "integer" || col.type === "Integer" ? withDirectives((openBlock(), createElementBlock("input", {
                       key: 1,
                       "onUpdate:modelValue": ($event) => filterInputs.value[col.field] = $event,
                       type: "number",
-                      class: "bh-form-control"
-                    }, null, 8, _hoisted_19$1)), [
+                      class: "bh-form-control",
+                      onKeydown: withKeys(($event) => handleFilterEnter(col.field), ["enter"])
+                    }, null, 40, _hoisted_19$1)), [
                       [
                         vModelText,
                         filterInputs.value[col.field],
@@ -5829,13 +5866,15 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                         updateValue: (val) => {
                           filterInputs.value[col.field] = val;
                           emit("filterDatetimeUpdate", col.field, val);
-                        }
+                        },
+                        onEnter: () => handleFilterEnter(col.field)
                       }) : withDirectives((openBlock(), createElementBlock("input", {
                         key: 1,
                         "onUpdate:modelValue": ($event) => filterInputs.value[col.field] = $event,
                         type: "date",
-                        class: "bh-form-control"
-                      }, null, 8, _hoisted_20$1)), [
+                        class: "bh-form-control",
+                        onKeydown: withKeys(($event) => handleFilterEnter(col.field), ["enter"])
+                      }, null, 40, _hoisted_20$1)), [
                         [vModelText, filterInputs.value[col.field]]
                       ])
                     ], 64)) : col.type === "bool" ? withDirectives((openBlock(), createElementBlock("select", {
@@ -5843,8 +5882,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       "onUpdate:modelValue": ($event) => filterInputs.value[col.field] = $event,
                       class: "bh-form-control",
                       onClick: _cache[1] || (_cache[1] = //@ts-ignore
-                      (...args) => props.isOpenFilter && props.isOpenFilter(...args))
-                    }, _hoisted_25$1, 8, _hoisted_21$1)), [
+                      (...args) => props.isOpenFilter && props.isOpenFilter(...args)),
+                      onKeydown: withKeys(($event) => handleFilterEnter(col.field), ["enter"])
+                    }, _hoisted_25$1, 40, _hoisted_21$1)), [
                       [vModelSelect, filterInputs.value[col.field]]
                     ]) : createCommentVNode("", true)
                   ], 64)) : createCommentVNode("", true),
@@ -5861,8 +5901,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       type: "text",
                       class: normalizeClass(["bh-form-control", {
                         "bh-form-control--with-label": hasConditionSet(col) && props.all.useNewColumnFilter
-                      }])
-                    }, null, 10, _hoisted_27$1)), [
+                      }]),
+                      onKeydown: withKeys(($event) => handleFilterEnter(col.field), ["enter"])
+                    }, null, 42, _hoisted_27$1)), [
                       [vModelText, filterInputs.value[col.field]]
                     ]) : createCommentVNode("", true),
                     col.type === "number" || col.type === "integer" || col.type === "Integer" ? withDirectives((openBlock(), createElementBlock("input", {
@@ -5871,8 +5912,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       type: "number",
                       class: normalizeClass(["bh-form-control", {
                         "bh-form-control--with-label": hasConditionSet(col) && props.all.useNewColumnFilter
-                      }])
-                    }, null, 10, _hoisted_28$1)), [
+                      }]),
+                      onKeydown: withKeys(($event) => handleFilterEnter(col.field), ["enter"])
+                    }, null, 42, _hoisted_28$1)), [
                       [
                         vModelText,
                         filterInputs.value[col.field],
@@ -5888,15 +5930,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                           filterInputs.value[col.field] = val;
                           emit("filterDatetimeUpdate", col.field, val);
                         },
-                        hasLabel: hasConditionSet(col) && props.all.useNewColumnFilter
+                        hasLabel: hasConditionSet(col) && props.all.useNewColumnFilter,
+                        onEnter: () => handleFilterEnter(col.field)
                       }) : withDirectives((openBlock(), createElementBlock("input", {
                         key: 1,
                         "onUpdate:modelValue": ($event) => filterInputs.value[col.field] = $event,
                         type: "date",
                         class: normalizeClass(["bh-form-control", {
                           "bh-form-control--with-label": hasConditionSet(col) && props.all.useNewColumnFilter
-                        }])
-                      }, null, 10, _hoisted_29$1)), [
+                        }]),
+                        onKeydown: withKeys(($event) => handleFilterEnter(col.field), ["enter"])
+                      }, null, 42, _hoisted_29$1)), [
                         [vModelText, filterInputs.value[col.field]]
                       ])
                     ], 64)) : col.type === "bool" ? withDirectives((openBlock(), createElementBlock("select", {
@@ -5904,8 +5948,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       "onUpdate:modelValue": ($event) => filterInputs.value[col.field] = $event,
                       class: "bh-form-control",
                       onClick: _cache[2] || (_cache[2] = //@ts-ignore
-                      (...args) => props.isOpenFilter && props.isOpenFilter(...args))
-                    }, _hoisted_34$1, 8, _hoisted_30$1)), [
+                      (...args) => props.isOpenFilter && props.isOpenFilter(...args)),
+                      onKeydown: withKeys(($event) => handleFilterEnter(col.field), ["enter"])
+                    }, _hoisted_34$1, 40, _hoisted_30$1)), [
                       [vModelSelect, filterInputs.value[col.field]]
                     ]) : createCommentVNode("", true)
                   ])) : createCommentVNode("", true),
@@ -6271,6 +6316,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return (col == null ? void 0 : col.field) || null;
     });
     const hasAnyActiveFilter = ref(false);
+    const columnHeaderRef = ref(null);
     const updateHasAnyActiveFilter = () => {
       hasAnyActiveFilter.value = props.columns.some((col) => {
         return col.value !== void 0 && col.value !== null && col.value !== "";
@@ -6574,6 +6620,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
         }
         return !!column;
+      },
+      /**
+       * Flush all pending filter debounces
+       * Call this before getColumnFilters() when Enter is pressed
+       * to ensure all filter values are immediately processed
+       */
+      flushAllFilterDebounces() {
+        var _a2, _b2;
+        (_b2 = (_a2 = columnHeaderRef.value) == null ? void 0 : _a2.flushAllFilterDebounces) == null ? void 0 : _b2.call(_a2);
       }
     });
     watch(
@@ -7067,6 +7122,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                   })
                                 }, [
                                   createVNode(_sfc_main$1, {
+                                    ref_key: "columnHeaderRef",
+                                    ref: columnHeaderRef,
                                     all: props,
                                     expandedrows: expandedrows.value,
                                     currentSortColumn: currentSortColumn.value,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@dolusoft/vue3-datatable",
-  "version": "1.8.38",
+  "version": "1.8.40",
   "description": "Vue3 Datatable - fully customizable & easy to use datatable library",
   "private": false,
   "type": "module",