feat!: #617 change default debounce from 1000ms to 300ms

Author: ascott18

CHANGELOG.md

@@ -7,6 +7,7 @@
 - `StandardBehaviors.AfterDelete` is now `AfterDeleteAsync` and has a different signature and semantics. Instead of modifying the resulting `item` and `includeTree` with `ref` parameters, these values can be optionally overridden by returning an ItemResult with its `Object` and `IncludeTree` properties populated with non-null values.
 - `ViewModel.$getErrors` now returns a `string[]` instead of a `Generator<string>`.
 - `IntelliTect.Coalesce.AuditLogging` now uses stored procedures by default to upsert audit log entries. You can disable this (e.g. if your application lacks permission to create/update stored procedures) by chaining `.WithStoredProcedures(false)` when you configure audit logging.
+- The default debounce timer for auto-saves and auto-loads on ViewModels has changed from 1000ms to 300ms.
 - The CommonJS build of coalesce-vue has been dropped - only the ESM build remains. Most projects should be unaffected.
 
 ## Features

src/coalesce-vue-vuetify3/src/components/admin/c-admin-audit-log-page.vue

@@ -414,7 +414,7 @@ if (userPropMeta.value && "foreignKey" in userPropMeta.value) {
 }
 
 listVm.$load();
-listVm.$useAutoLoad({ wait: 100 });
+listVm.$useAutoLoad();
 
 defineExpose({
   /** Support for common convention of exposing 'pageTitle' from router-view hosted components. */

src/coalesce-vue-vuetify3/src/components/admin/c-admin-editor-page.vue

@@ -143,7 +143,7 @@ onMounted(async () => {
     () => effectiveAutoSave.value,
     (autoSave) => {
       if (autoSave) {
-        viewModel.$startAutoSave(instance!, { wait: 500 });
+        viewModel.$startAutoSave(instance!);
       } else {
         viewModel.$stopAutoSave();
       }

src/coalesce-vue-vuetify3/src/components/admin/c-admin-table.vue

@@ -389,7 +389,7 @@ onMounted(() => {
     () => effectiveAutoSave.value,
     (effectiveAutoSave) => {
       if (effectiveAutoSave && !viewModel.value.$isAutoSaveEnabled) {
-        viewModel.value.$startAutoSave(instance, { wait: 500 });
+        viewModel.value.$startAutoSave(instance);
       } else if (!effectiveAutoSave && viewModel.value.$isAutoSaveEnabled) {
         viewModel.value.$stopAutoSave();
       }

src/coalesce-vue/src/viewmodel.ts

@@ -1103,7 +1103,7 @@ export abstract class ViewModel<
     }
 
     const {
-      wait = 1000,
+      wait = 300,
       predicate = undefined,
       debounce: debounceOptions,
     } = options;
@@ -1790,7 +1790,7 @@ export abstract class ListViewModel<
     vue = getPublicInstance(vue);
 
     const {
-      wait = 1000,
+      wait = 300,
       predicate = undefined,
       debounce: debounceOptions,
     } = options;

templates/Coalesce.Vue.Template/content/Coalesce.Starter.Vue.Web/src/views/WidgetEdit.vue

@@ -57,10 +57,7 @@ const form = useForm();
 // The properties on the generated ViewModels are already reactive.
 // ViewModels and ListViewModels don't need to be wrapped in ref/reactive.
 const item = new WidgetViewModel();
-item.$useAutoSave({
-  wait: 500,
-  debounce: { maxWait: 3000 },
-});
+item.$useAutoSave();
 
 (async function onCreated() {
   if (props.id) {