Merge pull request #51 from webdevnerdstuff/dev

v1.0.0-beta-10

Author: webdevnerdstuff

Diff for: CHANGELOG.md

@@ -1,10 +1,15 @@
 # Change Log
 All notable changes to the "vuetify-drilldown-table" plugin will be documented in this file.
 
+## v1.0.0-beta-10
+06-29-23
+[main] (@webdevnerdstuff)
+* Change default debounceDelay to zero
+
 ## v1.0.0-beta-9
 06-29-23
 [main] (@webdevnerdstuff)
-* Fix search not working when using top slot (debugging)
+* Fix search not working when using top slot... again
 
 ## v1.0.0-beta-8
 06-28-23

Diff for: dist/vuetify-drilldown-table.cjs.js

@@ -2,7 +2,7 @@ import { Fragment as ae, reactive as At, computed as g, watchEffect as Re, toRef
 import { useTheme as vl } from "vuetify";
 /**
  * @name vuetify-drilldown-table
- * @version 1.0.0-beta-9
+ * @version 1.0.0-beta-10
  * @description The Vuetify Drilldown Table is a powerful component that enhances the functionality of the Vuetify framework's VDataTable and VDataTableServer. It provides a recursive table structure, allowing you to display hierarchical data in a nested format.
  * @author WebDevNerdStuff & Bunnies... lots and lots of bunnies! <[email protected]> (https://webdevnerdstuff.com)
  * @copyright Copyright 2023, WebDevNerdStuff
@@ -3029,7 +3029,7 @@ const mi = N({ dense: Boolean, noGutters: Boolean, align: { type: String, defaul
     var o;
     return ft(e.tag, { class: ["v-row", n.value, e.class], style: e.style }, (o = t.default) == null ? void 0 : o.call(t));
   };
-} }), ar = { colors: () => ({ default: { background: "primary", base: "primary", border: "primary", color: "on-primary" }, footer: { background: "--v-theme-surface", color: "--v-theme-on-surface" }, header: { background: "primary", color: "on-primary" }, percentageChange: 15, percentageDirection: "desc", table: { bottomBorder: "primary" } }), columnWidths: () => [], density: "default", drilldownKey: "id", elevation: 0, expandOnClick: !1, filterKeys: void 0, footers: () => [], height: "auto", hideNoData: !1, hover: !1, isDrilldown: !1, itemChildrenKey: "child", itemSelectable: void 0, itemValue: "id", items: () => [], itemsLength: 0, itemsPerPage: 10, level: 1, levels: 1, loaderProps: () => ({ circular: { bgColor: "theme-surface", color: "primary", indeterminate: !0 }, linear: { color: "surface-variant", height: "2px", indeterminate: !0 }, skelton: { type: "heading@1" }, text: { color: "surface-variant" } }), loaderType: "linear", loading: !1, loadingText: "$vuetify.dataIterator.loadingText", matchColumnWidths: !1, multiSort: !1, noDataText: "$vuetify.noDataText", noFilter: !1, page: 1, returnObject: !0, search: "", searchContainerCols: () => ({ lg: 3, md: 6, sm: 12, xl: 3, xs: 12, xxl: 2 }), searchDebounce: 750, searchEvents: () => ({}), searchMaxWait: 1e3, searchProps: () => ({}), selectStrategy: "page", separator: "default", server: !1, showDrilldownWhenLoading: !0, showExpand: !1, showFooterRow: !1, showSearch: !1, showSelect: !1, sortAscIcon: "$sortAsc", sortBy: () => [], tableType: () => ({}) }, gi = Ye({ __name: "BottomSlot", props: { slotProps: {} }, setup: (e) => (l, t) => ue(l.$slots, "bottom") }), te = "v-drilldown-table";
+} }), ar = { colors: () => ({ default: { background: "primary", base: "primary", border: "primary", color: "on-primary" }, footer: { background: "--v-theme-surface", color: "--v-theme-on-surface" }, header: { background: "primary", color: "on-primary" }, percentageChange: 15, percentageDirection: "desc", table: { bottomBorder: "primary" } }), columnWidths: () => [], density: "default", drilldownKey: "id", elevation: 0, expandOnClick: !1, filterKeys: void 0, footers: () => [], height: "auto", hideNoData: !1, hover: !1, isDrilldown: !1, itemChildrenKey: "child", itemSelectable: void 0, itemValue: "id", items: () => [], itemsLength: 0, itemsPerPage: 10, level: 1, levels: 1, loaderProps: () => ({ circular: { bgColor: "theme-surface", color: "primary", indeterminate: !0 }, linear: { color: "surface-variant", height: "2px", indeterminate: !0 }, skelton: { type: "heading@1" }, text: { color: "surface-variant" } }), loaderType: "linear", loading: !1, loadingText: "$vuetify.dataIterator.loadingText", matchColumnWidths: !1, multiSort: !1, noDataText: "$vuetify.noDataText", noFilter: !1, page: 1, returnObject: !0, search: "", searchContainerCols: () => ({ lg: 3, md: 6, sm: 12, xl: 3, xs: 12, xxl: 2 }), searchDebounce: 0, searchEvents: () => ({}), searchMaxWait: 1e3, searchProps: () => ({}), selectStrategy: "page", separator: "default", server: !1, showDrilldownWhenLoading: !0, showExpand: !1, showFooterRow: !1, showSearch: !1, showSelect: !1, sortAscIcon: "$sortAsc", sortBy: () => [], tableType: () => ({}) }, gi = Ye({ __name: "BottomSlot", props: { slotProps: {} }, setup: (e) => (l, t) => ue(l.$slots, "bottom") }), te = "v-drilldown-table";
 function Zn(e, l, t = "") {
   let n = e;
   const o = l.length - 1;

Diff for: dist/vuetify-drilldown-table.es.js

@@ -1,6 +1,6 @@
 {
 	"name": "vuetify-drilldown-table",
-	"version": "1.0.0-beta-9",
+	"version": "1.0.0-beta-10",
 	"description": "The Vuetify Drilldown Table is a powerful component that enhances the functionality of the Vuetify framework's VDataTable and VDataTableServer. It provides a recursive table structure, allowing you to display hierarchical data in a nested format.",
 	"private": false,
 	"main": "dist/vuetify-drilldown-table.cjs.js",

Diff for: package.json

@@ -17,7 +17,7 @@ import ServerTable from './ServerTable.vue';
 import tableDefaults from './tableDefaults';
 
 const tableSettings = ref(Object.assign({}, tableDefaults));
-const tableSettingsServer = ref({ ...tableDefaults, ...{ server: true } });
+const tableSettingsServer = ref({ ...tableDefaults, ...{ searchDebounce: 5000, server: true } });
 </script>
 
 

Diff for: src/playground/configs/templates/PlaygroundPage.vue

@@ -116,7 +116,7 @@ export const AllProps = {
 		xs: 12,
 		xxl: 2,
 	}),
-	searchDebounce: 750,
+	searchDebounce: 0,
 	searchEvents: () => ({}),
 	searchMaxWait: 1000,
 	searchProps: () => ({}),

Diff for: src/plugin/utils/props.ts

@@ -138,7 +138,7 @@ export const usePropsStore = defineStore('props', () => {
 			type: 'string | undefined',
 		},
 		{
-			default: 750,
+			default: 0,
 			desc: 'The delay before the search filters the items',
 			name: 'search-debounce',
 			type: 'number | undefined | null',