neo.mjs 6.5.3 → 6.5.5

package/apps/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='6.5.3'
+         * @member {String} version='6.5.5'
          */
-        version: '6.5.3'
+        version: '6.5.5'
     }
 
     /**

package/examples/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='6.5.3'
+         * @member {String} version='6.5.5'
          */
-        version: '6.5.3'
+        version: '6.5.5'
     }
 
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "6.5.3",
+    "version": "6.5.5",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {

package/src/DefaultConfig.mjs

@@ -236,12 +236,12 @@ const DefaultConfig = {
     useVdomWorker: true,
     /**
      * buildScripts/injectPackageVersion.mjs will update this value
-     * @default '6.5.3'
+     * @default '6.5.5'
      * @memberOf! module:Neo
      * @name config.version
      * @type String
      */
-    version: '6.5.3'
+    version: '6.5.5'
 };
 
 Object.assign(DefaultConfig, {

package/src/core/Base.mjs

@@ -1,5 +1,5 @@
-import {debounce}  from '../util/Function.mjs';
-import IdGenerator from './IdGenerator.mjs'
+import {debounce, throttle} from '../util/Function.mjs';
+import IdGenerator          from './IdGenerator.mjs'
 
 const configSymbol       = Symbol.for('configSymbol'),
       forceAssignConfigs = Symbol('forceAssignConfigs'),
@@ -182,9 +182,8 @@ class Base {
 
         Object.entries(me.constructor.delayable).forEach(([key, value]) => {
             let map = {
-                debounce() {
-                    me[key] = new debounce(me[key], me, value.timer)
-                }
+                debounce() {me[key] = new debounce(me[key], me, value.timer)},
+                throttle() {me[key] = new throttle(me[key], me, value.timer)}
             };
 
             map[value.type]?.()

package/src/form/field/Text.mjs

@@ -17,17 +17,6 @@ class Text extends Base {
      * @static
      */
     static autoCapitalizeValues = ['characters', 'none', 'on', 'off', 'sentences', 'words']
-    /**
-     * @member {Object} delayable
-     * @protected
-     * @static
-     */
-    static delayable = {
-        fireChangeEvent: {
-            type : 'debounce',
-            timer: 300
-        }
-    }
     /**
      * Valid values for labelPosition
      * @member {String[]} labelPositions=['bottom','inline','left','right','top']

package/src/util/Function.mjs

@@ -45,30 +45,30 @@ export function createSequence(target, methodName, fn, scope) {
 }
 
 /**
- * @param {Function} func
+ * @param {Function} callback
  * @param {Neo.core.Base} scope
- * @param {Number} timeout=300
+ * @param {Number} delay=300
  * @returns {Function}
  */
-export function debounce(func, scope, timeout=300) {
+export function debounce(callback, scope, delay=300) {
     let debounceTimer;
 
     return function(...args) {
         // leading edge => trigger the first call right away
         if (!Neo.isNumber(debounceTimer)) {
             // we need to check if the scope (instance) did not get destroyed yet
-            scope?.id && func.apply(scope, args);
+            scope?.id && callback.apply(scope, args);
 
             // we still want to start a timer, do delay the 2nd+ update
-            debounceTimer = setTimeout(() => {debounceTimer = null},  timeout)
+            debounceTimer = setTimeout(() => {debounceTimer = null},  delay)
         } else {
             clearTimeout(debounceTimer);
 
             debounceTimer = setTimeout(() => {
                 // we need to check if the scope (instance) did not get destroyed yet
-                scope?.id && func.apply(scope, args);
-                debounceTimer = setTimeout(() => {debounceTimer = null},  timeout)
-            },  timeout)
+                scope?.id && callback.apply(scope, args);
+                debounceTimer = setTimeout(() => {debounceTimer = null},  delay)
+            },  delay)
         }
     }
 }
@@ -91,3 +91,33 @@ export function intercept(target, targetMethodName, interceptFunction, scope, pr
             : targetMethod.apply(target, arguments)
     })
 }
+
+/**
+ * @param {Function} callback
+ * @param {Neo.core.Base} scope
+ * @param {Number} delay=300
+ * @returns {Function}
+ */
+export function throttle(callback, scope, delay=300) {
+    let lastRanDate, timeoutId;
+
+    return function(...args) {
+        if (!lastRanDate) {
+            // we need to check if the scope (instance) did not get destroyed yet
+            scope?.id && callback.apply(scope, args);
+
+            lastRanDate = Date.now()
+        } else {
+            clearTimeout(timeoutId)
+
+            timeoutId = setTimeout(function() {
+                if ((Date.now() - lastRanDate) >= delay) {
+                    // we need to check if the scope (instance) did not get destroyed yet
+                    scope?.id && callback.apply(scope, args);
+
+                    lastRanDate = Date.now()
+                }
+            }, delay - (Date.now() - lastRanDate))
+        }
+    }
+}