neo.mjs 6.17.2 → 6.18.0

package/src/plugin/Resizable.mjs

@@ -183,24 +183,20 @@ class Resizable extends Base {
             {mousemove   : me.onMouseMove,  scope: me, local   : true},
             {mouseleave  : me.onMouseLeave, scope: me, delegate: `.${me.delegationCls}`},
             {mouseup     : me.onMouseUp,    scope: me, delegate: '.neo-resizable'}
-        ]);
+        ])
     }
 
     /**
      *
      */
     addBodyCursorCls() {
-        Neo.currentWorker.promiseMessage('main', {
-            action : 'updateDom',
-            appName: this.appName,
-            deltas : {
-                id : 'document.body',
-                cls: {
-                    add   : [`neo-cursor-${Resizable.cursorPositions[Resizable.positions.indexOf(this.currentNodeName)]}-resize`],
-                    remove: []
-                }
+        Neo.applyDeltas(this.appName, {
+            id : 'document.body',
+            cls: {
+                add   : [`neo-cursor-${Resizable.cursorPositions[Resizable.positions.indexOf(this.currentNodeName)]}-resize`],
+                remove: []
             }
-        });
+        })
     }
 
     /**
@@ -208,9 +204,9 @@ class Resizable extends Base {
      * @returns {Boolean} true
      */
     addNode(name) {
-        let me         = this,
-            nodeName   = 'node' + Neo.capitalize(name.replace(Resizable.nameRegEx, (str, letter) => letter.toUpperCase())),
-            targetNode = me.targetNode;
+        let me           = this,
+            nodeName     = 'node' + Neo.capitalize(name.replace(Resizable.nameRegEx, (str, letter) => letter.toUpperCase())),
+            {targetNode} = me;
 
         if (targetNode) {
             me.currentNodeName = name;
@@ -219,10 +215,10 @@ class Resizable extends Base {
             targetNode.cn = targetNode.cn || [];
             targetNode.cn.push(me[nodeName]);
 
-            return true;
+            return true
         }
 
-        return false;
+        return false
     }
 
     /**
@@ -257,12 +253,12 @@ class Resizable extends Base {
 
             for (; i < len; i++) {
                 if (this.beforeSetEnumValue(value[i], oldValue, 'directions', 'validDirections') !== value[i]) {
-                    return oldValue;
+                    return oldValue
                 }
             }
         }
 
-        return value;
+        return value
     }
 
     /**
@@ -289,25 +285,22 @@ class Resizable extends Base {
         me.removeBodyCursorCls();
 
         me.dragZone.dragEnd();
-        me.removeAllNodes();
+        me.removeAllNodes()
     }
 
     /**
      * @param {Object} data
      */
     onDragMove(data) {
-        let me        = this,
-            node      = me.currentNodeName,
-            ctRect    = me.boundaryContainerRect,
-            maxHeight = me.maxHeight,
-            maxWidth  = me.maxWidth,
-            minHeight = me.minHeight,
-            minWidth  = me.minWidth,
-            rect      = me.initialRect,
+        let me     = this,
+            node   = me.currentNodeName,
+            ctRect = me.boundaryContainerRect,
+            {maxHeight, maxWidth, minHeight, minWidth} = me,
+            rect   = me.initialRect,
             dist, size, style;
 
         if (!node) {
-            me.onDragEnd({});
+            me.onDragEnd({})
         } else if (me.dragZone.dragProxy) {
             style = me.dragZone.dragProxy.wrapperStyle;
 
@@ -322,23 +315,23 @@ class Resizable extends Base {
                     size = Math.min(size, ctRect.bottom - rect.top);
                 }
 
-                style.height = `${size}px`;
+                style.height = `${size}px`
             } else if (node.includes('top')) {
                 dist = Math.min(rect.bottom - minHeight, data.clientY);
                 size = Math.max(minHeight, rect.height + rect.top - data.clientY);
 
                 if (maxHeight) {
                     dist = Math.max(dist, rect.bottom - maxHeight);
-                    size = Math.min(size, maxHeight);
+                    size = Math.min(size, maxHeight)
                 }
 
                 if (ctRect) {
                     dist = Math.max(dist, ctRect.top);
-                    size = Math.min(size, rect.bottom - ctRect.top);
+                    size = Math.min(size, rect.bottom - ctRect.top)
                 }
 
                 style.height = `${size}px`;
-                style.top    = `${dist}px`;
+                style.top    = `${dist}px`
             }
 
             if (node.includes('left')) {
@@ -347,31 +340,31 @@ class Resizable extends Base {
 
                 if (maxWidth) {
                     dist = Math.max(dist, rect.right - maxWidth);
-                    size = Math.min(size, maxWidth);
+                    size = Math.min(size, maxWidth)
                 }
 
                 if (ctRect) {
                     dist = Math.max(dist, ctRect.left);
-                    size = Math.min(size, rect.right - ctRect.left);
+                    size = Math.min(size, rect.right - ctRect.left)
                 }
 
                 style.left  = `${dist}px`;
-                style.width = `${size}px`;
+                style.width = `${size}px`
             } else if (node.includes('right')) {
                 size = Math.max(minWidth, rect.width - rect.right + data.clientX);
 
                 if (maxWidth) {
-                    size = Math.min(size, maxWidth);
+                    size = Math.min(size, maxWidth)
                 }
 
                 if (ctRect) {
-                    size = Math.min(size, ctRect.right - rect.left);
+                    size = Math.min(size, ctRect.right - rect.left)
                 }
 
-                style.width = `${size}px`;
+                style.width = `${size}px`
             }
 
-            me.dragZone.dragProxy.wrapperStyle = style;
+            me.dragZone.dragProxy.wrapperStyle = style
         }
     }
 
@@ -379,13 +372,12 @@ class Resizable extends Base {
      * @param {Object} data
      */
     onDragStart(data) {
-        let me          = this,
-            containerId = me.boundaryContainerId,
-            i           = 0,
-            len         = data.path.length,
-            owner       = me.owner,
-            appName     = me.appName,
-            style       = owner.wrapperStyle, // todo: delegation target
+        let me               = this,
+            containerId      = me.boundaryContainerId,
+            i                = 0,
+            len              = data.path.length,
+            {appName, owner} = me,
+            style            = owner.wrapperStyle, // todo: delegation target
             target;
 
         me.isDragging = true;
@@ -397,21 +389,21 @@ class Resizable extends Base {
             target = data.path[i];
 
             if (target.cls.includes(me.delegationCls)) {
-                me.initialRect = target.rect;
+                me.initialRect = target.rect
             }
 
             if (containerId) {
                 if (containerId === 'document.body' && target.tagName === 'body' || containerId === target.id) {
                     me.boundaryContainerRect = target.rect;
-                    break; // assuming that the dragEl is not outside of the container
+                    break // assuming that the dragEl is not outside of the container
                 }
             }
         }
 
         if (!me.boundaryContainerRect) {
             owner.getDomRect(me.boundaryContainerRect).then(rect => {
-                me.boundaryContainerRect = rect;
-            });
+                me.boundaryContainerRect = rect
+            })
         }
 
         me.addBodyCursorCls();
@@ -425,12 +417,12 @@ class Resizable extends Base {
                 moveInMainThread   : false,
                 owner,
                 ...me.dragZoneConfig
-            });
+            })
         } else {
-            me.dragZone.boundaryContainerId = owner.boundaryContainerId;
+            me.dragZone.boundaryContainerId = owner.boundaryContainerId
         }
 
-        me.dragZone.dragStart(data);
+        me.dragZone.dragStart(data)
     }
 
     /**
@@ -438,39 +430,36 @@ class Resizable extends Base {
      * @param {Object} data
      */
     onMouseDown(data) {
-        this.isDragging = true;
+        this.isDragging = true
     }
 
     /**
      * @param {Object} data
      */
     onMouseMove(data) {
-        let me         = this,
-            dir        = me.directions,
-            i          = 0,
-            gap        = me.gap,
-            h          = false,
-            len        = data.path.length,
-            owner      = me.owner,
-            targetNode = me.targetNode,
-            vdom       = owner.vdom,
+        let me  = this,
+            dir = me.directions,
+            i   = 0,
+            {gap, owner, targetNode} = me,
+            h   = false,
+            len = data.path.length,
             bottom, left, right, target, top;
 
         if (!me.isDragging && !owner.isDragging) {
             for (; i < len; i++) {
                 if (data.path[i].cls.includes(me.delegationCls)) {
                     target = data.path[i];
-                    break;
+                    break
                 }
             }
 
             if (target) {
                 if (target.id !== (targetNode && targetNode.id)) {
                     if (targetNode) {
-                        me.removeAllNodes();
+                        me.removeAllNodes()
                     }
 
-                    me.targetNode = owner.getVdomChild(target.id);
+                    me.targetNode = owner.getVdomChild(target.id)
                 }
 
                 bottom = data.clientY >= target.rect.y - gap + target.rect.height;
@@ -478,26 +467,26 @@ class Resizable extends Base {
                 right  = data.clientX >= target.rect.x - gap + target.rect.width;
                 top    = data.clientY <= target.rect.y + gap;
 
-                if (me.nodeBottom && (!bottom || bottom && left  || bottom && right)) {h = me.removeNode('bottom');}
-                if (me.nodeLeft   && (!left   || bottom && left  || top    && left))  {h = me.removeNode('left');}
-                if (me.nodeRight  && (!right  || bottom && right || top    && right)) {h = me.removeNode('right');}
-                if (me.nodeTop    && (!top    || top    && left  || top    && right)) {h = me.removeNode('top');}
-
-                if (me.nodeBottomLeft  && (!bottom || !left))  {h = me.removeNode('bottom-left');}
-                if (me.nodeBottomRight && (!bottom || !right)) {h = me.removeNode('bottom-right');}
-                if (me.nodeTopLeft     && (!top    || !left))  {h = me.removeNode('top-left');}
-                if (me.nodeTopRight    && (!top    || !right)) {h = me.removeNode('top-right');}
-
-                if      (dir.includes('bl') && bottom && left)  {if (!me.nodeBottomLeft)  {h = me.addNode('bottom-left');}}
-                else if (dir.includes('br') && bottom && right) {if (!me.nodeBottomRight) {h = me.addNode('bottom-right');}}
-                else if (dir.includes('tl') && top    && left)  {if (!me.nodeTopLeft)     {h = me.addNode('top-left');}}
-                else if (dir.includes('tr') && top    && right) {if (!me.nodeTopRight)    {h = me.addNode('top-right');}}
-                else if (dir.includes('b')  && bottom)          {if (!me.nodeBottom)      {h = me.addNode('bottom');}}
-                else if (dir.includes('l')  && left)            {if (!me.nodeLeft)        {h = me.addNode('left');}}
-                else if (dir.includes('r')  && right)           {if (!me.nodeRight)       {h = me.addNode('right');}}
-                else if (dir.includes('t')  && top)             {if (!me.nodeTop)         {h = me.addNode('top');}}
-
-                h && owner.update();
+                if (me.nodeBottom && (!bottom || bottom && left  || bottom && right)) {h = me.removeNode('bottom')}
+                if (me.nodeLeft   && (!left   || bottom && left  || top    && left))  {h = me.removeNode('left')}
+                if (me.nodeRight  && (!right  || bottom && right || top    && right)) {h = me.removeNode('right')}
+                if (me.nodeTop    && (!top    || top    && left  || top    && right)) {h = me.removeNode('top')}
+
+                if (me.nodeBottomLeft  && (!bottom || !left))  {h = me.removeNode('bottom-left')}
+                if (me.nodeBottomRight && (!bottom || !right)) {h = me.removeNode('bottom-right')}
+                if (me.nodeTopLeft     && (!top    || !left))  {h = me.removeNode('top-left')}
+                if (me.nodeTopRight    && (!top    || !right)) {h = me.removeNode('top-right')}
+
+                if      (dir.includes('bl') && bottom && left)  {if (!me.nodeBottomLeft)  {h = me.addNode('bottom-left')}}
+                else if (dir.includes('br') && bottom && right) {if (!me.nodeBottomRight) {h = me.addNode('bottom-right')}}
+                else if (dir.includes('tl') && top    && left)  {if (!me.nodeTopLeft)     {h = me.addNode('top-left')}}
+                else if (dir.includes('tr') && top    && right) {if (!me.nodeTopRight)    {h = me.addNode('top-right')}}
+                else if (dir.includes('b')  && bottom)          {if (!me.nodeBottom)      {h = me.addNode('bottom')}}
+                else if (dir.includes('l')  && left)            {if (!me.nodeLeft)        {h = me.addNode('left')}}
+                else if (dir.includes('r')  && right)           {if (!me.nodeRight)       {h = me.addNode('right')}}
+                else if (dir.includes('t')  && top)             {if (!me.nodeTop)         {h = me.addNode('top')}}
+
+                h && owner.update()
             }
         }
     }
@@ -511,7 +500,7 @@ class Resizable extends Base {
         if (!me.isDragging && !me.owner.isDragging) {
             // limit the event to delegation targets
             if (data.path[0].cls.includes(me.delegationCls)) {
-                me.removeAllNodes();
+                me.removeAllNodes()
             }
         }
     }
@@ -521,7 +510,7 @@ class Resizable extends Base {
      * @param {Object} data
      */
     onMouseUp(data) {
-        this.isDragging = false;
+        this.isDragging = false
     }
 
     /**
@@ -536,7 +525,7 @@ class Resizable extends Base {
             me.owner.update();
 
             me.currentNodeName = null;
-            me.targetNode      = null;
+            me.targetNode      = null
         }
     }
 
@@ -544,17 +533,13 @@ class Resizable extends Base {
      *
      */
     removeBodyCursorCls() {
-        Neo.currentWorker.promiseMessage('main', {
-            action : 'updateDom',
-            appName: this.appName,
-            deltas : {
-                id : 'document.body',
-                cls: {
-                    add   : [],
-                    remove: [`neo-cursor-${Resizable.cursorPositions[Resizable.positions.indexOf(this.currentNodeName)]}-resize`]
-                }
+        Neo.applyDeltas(this.appName, {
+            id : 'document.body',
+            cls: {
+                add   : [],
+                remove: [`neo-cursor-${Resizable.cursorPositions[Resizable.positions.indexOf(this.currentNodeName)]}-resize`]
             }
-        });
+        })
     }
 
     /**
@@ -570,10 +555,10 @@ class Resizable extends Base {
             NeoArray.remove(me.targetNode.cn, me[nodeName]);
             me[nodeName] = null;
 
-            return true;
+            return true
         }
 
-        return false;
+        return false
     }
 }
 

package/src/plugin/Responsive.mjs

@@ -104,7 +104,7 @@ class Responsive extends BasePlugin {
         const
             me        = this,
             {appName} = me.owner,
-            apps      = Neo.Responsive.apps;
+            apps      = Neo.Responsive;
 
         if (!apps[appName]?.activeBodyUpdate) {
             const viewport = Neo.first('viewport'); // todo

package/src/remotes/Api.mjs

@@ -39,8 +39,8 @@ class Api extends Base {
      *
      */
     load() {
-        let config = Neo.config,
-            path   = config.remotesApiUrl;
+        let {config} = Neo,
+            path     = config.remotesApiUrl;
 
         // relative paths need a special treatment
         if (!path.includes('http')) {
@@ -67,12 +67,10 @@ class Api extends Base {
             ns = Neo.ns(`${api.namespace}.${service}`, true);
 
             Object.entries(serviceValue.methods).forEach(([method, methodValue]) => {
-                ns[method] = this.generateRemote(service, method);
+                ns[method] = this.generateRemote(service, method)
             })
         })
     }
 }
 
-let instance = Neo.setupClass(Api);
-
-export default instance;
+export default Neo.setupClass(Api);

package/src/selection/CircleModel.mjs

@@ -22,14 +22,14 @@ class CircleModel extends Model {
      * @param {Object} data
      */
     onKeyDownLeft(data) {
-        this.onNavKey(data, -1);
+        this.onNavKey(data, -1)
     }
 
     /**
      * @param {Object} data
      */
     onKeyDownRight(data) {
-        this.onNavKey(data, 1);
+        this.onNavKey(data, 1)
     }
 
     /**
@@ -39,8 +39,8 @@ class CircleModel extends Model {
     onNavKey(data, step) {
         let me       = this,
             item     = data.path[0],
-            view     = me.view,
-            store    = view.store,
+            {view}   = me,
+            {store}  = view,
             maxIndex = Math.min(store.getCount(), view.maxItems) - 1,
             index, itemId, recordId;
 
@@ -48,16 +48,16 @@ class CircleModel extends Model {
             recordId = parseInt(view.getItemRecordId(item.id));
             index    = store.indexOf(recordId) + step;
 
-                 if (index < 0)        {index = maxIndex;}
-            else if (index > maxIndex) {index = 0;}
+                 if (index < 0)        {index = maxIndex}
+            else if (index > maxIndex) {index = 0}
         } else {
-            index = 0;
+            index = 0
         }
 
         itemId = view.getItemId(index);
 
         me.select(itemId);
-        view.focus(itemId);
+        view.focus(itemId)
     }
 
     /**
@@ -66,25 +66,21 @@ class CircleModel extends Model {
     register(component) {
         super.register(component);
 
-        let me   = this,
-            id   = me.id,
-            view = me.view;
+        let {id, view} = this;
 
         view.keys?._keys.push(
             {fn: 'onKeyDownLeft'  ,key: 'Down'  ,scope: id},
             {fn: 'onKeyDownLeft'  ,key: 'Left'  ,scope: id},
             {fn: 'onKeyDownRight' ,key: 'Right' ,scope: id},
             {fn: 'onKeyDownRight' ,key: 'Up'    ,scope: id}
-        );
+        )
     }
 
     /**
      *
      */
     unregister() {
-        let me   = this,
-            id   = me.id,
-            view = me.view;
+        let {id, view} = this;
 
         view.keys?.removeKeys([
             {fn: 'onKeyDownLeft'  ,key: 'Down'  ,scope: id},
@@ -93,7 +89,7 @@ class CircleModel extends Model {
             {fn: 'onKeyDownRight' ,key: 'Up'    ,scope: id}
         ]);
 
-        super.unregister();
+        super.unregister()
     }
 }
 

package/src/selection/DateSelectorModel.mjs

@@ -33,44 +33,44 @@ class DateSelectorModel extends Model {
             idArray, tmpArray;
 
         if (selection[0]) {
-            idArray = selection[0].split('__');
+            idArray = selection[0].split('__')
         } else {
-            idArray = data.path[0].id.split('__');
+            idArray = data.path[0].id.split('__')
         }
 
         tmpArray = idArray[1].split('-').map(e => parseInt(e));
 
         tmpArray[1]--; // the month inside the view is 1 based, a date needs 0 based
 
-        return new Date(...tmpArray);
+        return new Date(...tmpArray)
     }
 
     /**
      * @param {Object} data
      */
     onKeyDownDown(data) {
-        this.onNavKeyRow(data, 7);
+        this.onNavKeyRow(data, 7)
     }
 
     /**
      * @param {Object} data
      */
     onKeyDownLeft(data) {
-        this.onNavKeyColumn(data, -1);
+        this.onNavKeyColumn(data, -1)
     }
 
     /**
      * @param {Object} data
      */
     onKeyDownRight(data) {
-        this.onNavKeyColumn(data, 1);
+        this.onNavKeyColumn(data, 1)
     }
 
     /**
      * @param {Object} data
      */
     onKeyDownUp(data) {
-        this.onNavKeyRow(data, -7);
+        this.onNavKeyRow(data, -7)
     }
 
     /**
@@ -80,7 +80,7 @@ class DateSelectorModel extends Model {
     onNavKeyColumn(data, step) {
         let me       = this,
             cellDate = me.getCellDate(data),
-            view     = me.view,
+            {view}   = me,
             daysInMonth, id, newDay;
 
         daysInMonth = DateUtil.getDaysInMonth(cellDate);
@@ -91,7 +91,7 @@ class DateSelectorModel extends Model {
         id = view.getCellId(cellDate.getFullYear(), cellDate.getMonth() + 1, newDay);
 
         me.select(id);
-        view.focus(id);
+        view.focus(id)
     }
 
     /**
@@ -101,7 +101,7 @@ class DateSelectorModel extends Model {
     onNavKeyRow(data, step) {
         let me       = this,
             cellDate = me.getCellDate(data),
-            view     = me.view,
+            {view}   = me,
             daysInMonth, id, newDay;
 
         daysInMonth = DateUtil.getDaysInMonth(cellDate);
@@ -109,26 +109,26 @@ class DateSelectorModel extends Model {
 
         if (newDay > daysInMonth) {
             if (!me.stayInColumn) {
-                newDay += 1;
+                newDay += 1
             }
 
             while (newDay > 7) {
-                newDay -= step;
+                newDay -= step
             }
         } else if (newDay < 1) {
             if (!me.stayInColumn) {
-                newDay -= 1;
+                newDay -= 1
             }
 
             while (newDay < daysInMonth - 6) {
-                newDay -= step;
+                newDay -= step
             }
         }
 
         id = view.getCellId(cellDate.getFullYear(), cellDate.getMonth() + 1, newDay);
 
         me.select(id);
-        view.focus(id);
+        view.focus(id)
     }
 
     /**
@@ -137,25 +137,23 @@ class DateSelectorModel extends Model {
     register(component) {
         super.register(component);
 
-        let me    = this,
-            scope = {scope: me.id},
-            view  = me.view;
+        let scope  = {scope: this.id},
+            {view} = this.view;
 
         view.keys?._keys.push(
             {fn: 'onKeyDownDown'  ,key: 'Down'  ,...scope},
             {fn: 'onKeyDownLeft'  ,key: 'Left'  ,...scope},
             {fn: 'onKeyDownRight' ,key: 'Right' ,...scope},
             {fn: 'onKeyDownUp'    ,key: 'Up'    ,...scope}
-        );
+        )
     }
 
     /**
      *
      */
     unregister() {
-        let me    = this,
-            scope = {scope: me.id},
-            view  = me.view;
+        let scope  = {scope: this.id},
+            {view} = this.view;
 
         view.keys?.removeKeys([
             {fn: 'onKeyDownDown'  ,key: 'Down'  ,...scope},
@@ -164,7 +162,7 @@ class DateSelectorModel extends Model {
             {fn: 'onKeyDownUp'    ,key: 'Up'    ,...scope}
         ]);
 
-        super.unregister();
+        super.unregister()
     }
 }