neo.mjs 6.5.4 → 6.5.6

package/apps/ServiceWorker.mjs

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

package/examples/ServiceWorker.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "6.5.4",
+    "version": "6.5.6",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -67,7 +67,7 @@
     },
     "devDependencies": {
         "siesta-lite": "5.5.2",
-        "url": "^0.11.2"
+        "url": "^0.11.3"
     },
     "funding": {
         "type": "GitHub Sponsors",

package/src/DefaultConfig.mjs

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

package/src/calendar/view/week/Component.mjs

@@ -444,7 +444,7 @@ class Component extends BaseComponent {
         super.afterSetMounted(value, oldValue);
 
         let me = this,
-            rect;
+            scrollContainerId, rect;
 
         if (value) {
             if (me.needsEventUpdate) {
@@ -452,14 +452,15 @@ class Component extends BaseComponent {
                 me.needsEventUpdate = false;
             }
 
-            await me.timeout(70);
+            await me.timeout(100);
 
-            rect = await me.getDomRect(me.getColumnContainer().id);
+            rect              = await me.getDomRect(me.getColumnContainer().id);
+            scrollContainerId = me.getScrollContainer().id;
 
-            Neo.main.DomAccess.scrollBy({
+            scrollContainerId && Neo.main.DomAccess.scrollBy({
                 appName  : me.appName,
                 direction: 'left',
-                id       : me.getScrollContainer().id,
+                id       : scrollContainerId,
                 value    : rect.width * me.columnsBuffer / me.columnsVisible / 3
             });
         }

package/src/component/Base.mjs

@@ -264,6 +264,13 @@ class Base extends CoreBase {
          * @protected
          */
         plugins_: null,
+        /**
+         * Set a reference for accessing the component inside view controllers.
+         * References will also get mapped into the vdom root (data-ref: value).
+         * @member {String|null} reference_=null
+         * @protected
+         */
+        reference_: null,
         /**
          * True in case the component is rendering the vnode
          * @member {Boolean} rendering_=false
@@ -702,6 +709,16 @@ class Base extends CoreBase {
         }
     }
 
+    /**
+     * Triggered after the reference config got changed
+     * @param {String|null} value
+     * @param {String|null} oldValue
+     * @protected
+     */
+    afterSetReference(value, oldValue) {
+        value && this.changeVdomRootKey('data-ref', value)
+    }
+
     /**
      * Triggered after the role config got changed
      * @param {String|null} value

package/src/component/DateSelector.mjs

@@ -759,15 +759,17 @@ class DateSelector extends Component {
      */
     onComponentWheel(data) {
         let me         = this,
+            deltaX     = data.deltaX,
+            deltaY     = data.deltaY,
             wheelDelta = me.mouseWheelDelta,
             date, monthIncrement, yearIncrement;
 
-        if (Math.abs(data.deltaY) >= Math.abs(data.deltaX)) {
-                 if (data.deltaY >=  wheelDelta) {yearIncrement  =  1;}
-            else if (data.deltaY <= -wheelDelta) {yearIncrement  = -1;}
+        if (Math.abs(deltaY) >= Math.abs(deltaX)) {
+                 if (deltaY >=  wheelDelta) {yearIncrement  =  1;}
+            else if (deltaY <= -wheelDelta) {yearIncrement  = -1;}
         } else {
-                 if (data.deltaX >=  wheelDelta) {monthIncrement =  1;}
-            else if (data.deltaX <= -wheelDelta) {monthIncrement = -1;}
+                 if (deltaX >=  wheelDelta) {monthIncrement =  1;}
+            else if (deltaX <= -wheelDelta) {monthIncrement = -1;}
         }
 
         if (monthIncrement) {

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

@@ -59,7 +59,7 @@ export function debounce(callback, scope, delay=300) {
             // we need to check if the scope (instance) did not get destroyed yet
             scope?.id && callback.apply(scope, args);
 
-            // we still want to start a timer, do delay the 2nd+ update
+            // we still want to start a timer to delay the 2nd+ update
             debounceTimer = setTimeout(() => {debounceTimer = null},  delay)
         } else {
             clearTimeout(debounceTimer);
@@ -99,16 +99,25 @@ export function intercept(target, targetMethodName, interceptFunction, scope, pr
  * @returns {Function}
  */
 export function throttle(callback, scope, delay=300) {
-    let wait = false;
+    let lastRanDate, timeoutId;
 
     return function(...args) {
-        if (!wait) {
-            wait = true;
-
+        if (!lastRanDate) {
             // we need to check if the scope (instance) did not get destroyed yet
             scope?.id && callback.apply(scope, args);
 
-            setTimeout(() => {wait = false}, delay)
+            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))
         }
     }
 }