neo.mjs 2.3.17 → 3.0.1

package/src/grid/header/Toolbar.mjs

@@ -43,7 +43,6 @@ class Toolbar extends BaseToolbar {
     }}
 
     /**
-     *
      * @param {Array} items
      */
     createItems(items) {
@@ -73,7 +72,6 @@ class Toolbar extends BaseToolbar {
     }
 
     /**
-     *
      * @param dock
      * @returns {String} layoutConfig
      * @override
@@ -83,7 +81,6 @@ class Toolbar extends BaseToolbar {
     }
 
     /**
-     *
      * @returns {Object}
      */
     getVdomRoot() {
@@ -91,7 +88,6 @@ class Toolbar extends BaseToolbar {
     }
 
     /**
-     *
      * @returns {Object}
      */
     getVnodeRoot() {
@@ -101,4 +97,4 @@ class Toolbar extends BaseToolbar {
 
 Neo.applyClassConfig(Toolbar);
 
-export {Toolbar as default};
+export {Toolbar as default};

package/src/list/Base.mjs

@@ -105,8 +105,8 @@ class Base extends Component {
     /**
      * @param {Object} config
      */
-    constructor(config) {
-        super(config);
+    construct(config) {
+        super.construct(config);
 
         let me           = this,
             domListeners = me.domListeners;

package/src/list/Color.mjs

@@ -66,7 +66,6 @@ class Color extends Base {
     }
 
     /**
-     *
      * @param {Number|String} recordId
      * @returns {String}
      */
@@ -75,7 +74,6 @@ class Color extends Base {
     }
 
     /**
-     *
      * @param {Number|String} recordId
      * @returns {String}
      */
@@ -84,7 +82,6 @@ class Color extends Base {
     }
 
     /**
-     *
      * @param {String[]} items
      */
     onSelect(items) {

package/src/list/Component.mjs

@@ -53,7 +53,6 @@ class Component extends Base {
     }
 
     /**
-     *
      * @param {Number} index
      * @returns {String}
      */
@@ -62,7 +61,6 @@ class Component extends Base {
     }
 
     /**
-     *
      * @param {Number|String} recordId
      * @returns {String}
      */
@@ -71,7 +69,6 @@ class Component extends Base {
     }
 
     /**
-     *
      * @param {String} vnodeId
      * @returns {String|Number} itemId
      */

package/src/list/plugin/Animate.mjs

@@ -45,8 +45,8 @@ class Animate extends Base {
     /**
      * @param {Object} config
      */
-    constructor(config) {
-        super(config);
+    construct(config) {
+        super.construct(config);
 
         let me = this;
 
@@ -71,7 +71,6 @@ class Animate extends Base {
     }
 
     /**
-     *
      * @param {Neo.list.plugin.Animate} me
      * @param {Object} record
      * @param {Number} index
@@ -119,9 +118,7 @@ class Animate extends Base {
     onOwnerMounted() {
         let me = this;
 
-        Neo.main.DomAccess.getBoundingClientRect({
-            id: me.owner.id
-        }).then(rect => {
+        me.owner.getDomRect().then(rect => {
             Object.assign(me, {
                 columns  : Math.floor(rect.width / me.itemWidth),
                 ownerRect: rect,

package/src/main/DomAccess.mjs

@@ -76,11 +76,10 @@ class DomAccess extends Base {
     }}
 
     /**
-     *
      * @param {Object} config
      */
-    constructor(config) {
-        super(config);
+    construct(config) {
+        super.construct(config);
 
         let me = this,
             node;
@@ -99,14 +98,13 @@ class DomAccess extends Base {
     }
 
     /**
-     *
      * @param {Object} data
      * @param {Boolean} data.async
      * @param {Boolean} [data.defer=false]
      * @param {String} [data.src=true]
      */
     addScript(data) {
-        const script = document.createElement('script');
+        let script = document.createElement('script');
 
         if (!data.hasOwnProperty('async')) {
             data.async = true;
@@ -118,17 +116,15 @@ class DomAccess extends Base {
     }
 
     /**
-     *
      * @param {Object} data
      * @param {String[]} data.cls
      */
     applyBodyCls(data) {
-        const cls = data.cls || [];
+        let cls = data.cls || [];
         document.body.classList.add(...cls);
     }
 
     /**
-     *
      * @param {Object} data
      * @param {String} data.command
      * @returns {Object} data
@@ -237,7 +233,6 @@ class DomAccess extends Base {
     }
 
     /**
-     *
      * @param {String} nodeId
      * @returns {HTMLElement}
      * @protected
@@ -251,7 +246,6 @@ class DomAccess extends Base {
     }
 
     /**
-     *
      * @param {String} [nodeId='document.body']
      * @returns {HTMLElement}
      * @protected
@@ -277,10 +271,10 @@ class DomAccess extends Base {
             script = document.createElement('script');
 
             Object.assign(script, {
-                async  : async,
+                async,
                 onerror: reject,
                 onload : resolve,
-                src    : src
+                src
             });
 
             document.head.appendChild(script);
@@ -299,7 +293,7 @@ class DomAccess extends Base {
             link = document.createElement('link');
 
             Object.assign(link, {
-                href   : href,
+                href,
                 onerror: reject,
                 onload : resolve,
                 rel    : 'stylesheet',
@@ -332,14 +326,13 @@ class DomAccess extends Base {
 
         Neo.worker.Manager.sendMessage(data.origin, {
             action : 'reply',
-            data   : data,
+            data,
             replyId: data.id,
             success: true
         }, [offscreen]);
     }
 
     /**
-     *
      * @param {Object} data
      * @param {String[]} data.attributes
      * @param {Array} data.functions An array containing strings and/or objects
@@ -398,14 +391,13 @@ class DomAccess extends Base {
 
         Neo.worker.Manager.sendMessage(data.origin, {
             action : 'reply',
-            data   : data,
+            data,
             replyId: data.id,
             success: true
         });
     }
 
     /**
-     *
      * @param {Object} data
      * @protected
      */
@@ -416,7 +408,6 @@ class DomAccess extends Base {
     }
 
     /**
-     *
      * @param {Object} data
      * @param {String} data.direction left, top
      * @param {String} data.id
@@ -434,7 +425,6 @@ class DomAccess extends Base {
     }
 
     /**
-     *
      * @param {Object} data
      * @param {String} data.id
      * @param {String} [data.behavior='smooth']
@@ -457,7 +447,6 @@ class DomAccess extends Base {
     }
 
     /**
-     *
      * @param {Object} data
      * @param {String} data.direction left, top
      * @param {String} data.id
@@ -475,7 +464,6 @@ class DomAccess extends Base {
     }
 
     /**
-     *
      * @param {Object} data
      * @param {String} data.id
      * @param {String} [data.behavior='smooth']
@@ -501,7 +489,6 @@ class DomAccess extends Base {
     }
 
     /**
-     *
      * @param {Object} data
      * @param {String} data.id
      * @param {Number} [data.start=0]
@@ -557,7 +544,6 @@ class DomAccess extends Base {
     }
 
     /**
-     *
      * @param {Object} data
      * @param {String} [data.behavior='smooth'] // auto or smooth
      * @param {String} [data.left=0]
@@ -572,7 +558,6 @@ class DomAccess extends Base {
     }
 
     /**
-     *
      * @param {Object} data
      * @protected
      */

package/src/main/DomEvents.mjs

@@ -108,11 +108,10 @@ class DomEvents extends Base {
     }}
 
     /**
-     *
      * @param {Object} config
      */
-    constructor(config) {
-        super(config);
+    construct(config) {
+        super.construct(config);
 
         let me = this;
 
@@ -125,7 +124,6 @@ class DomEvents extends Base {
     }
 
     /**
-     *
      * @param {Object} data
      */
     addDomListener(data) {
@@ -156,7 +154,7 @@ class DomEvents extends Base {
 
         Neo.worker.Manager.sendMessage(data.origin, {
             action : 'reply',
-            data   : data,
+            data,
             replyId: data.id,
             success: true
         });
@@ -249,7 +247,6 @@ class DomEvents extends Base {
     }
 
     /**
-     *
      * @param {Object} event
      * @returns {Object}
      */
@@ -265,52 +262,49 @@ class DomEvents extends Base {
     }
 
     /**
-     *
      * @param {Object} event
      * @returns {Object}
      */
     getKeyboardEventData(event) {
-        const {altKey, code, ctrlKey, key, keyCode, metaKey, shiftKey} = event;
+        let {altKey, code, ctrlKey, key, keyCode, metaKey, shiftKey} = event;
 
         return {
             ...this.getEventData(event),
-            altKey  : altKey,
-            code    : code,
-            ctrlKey : ctrlKey,
-            key     : key,
-            keyCode : keyCode,
-            metaKey : metaKey,
-            shiftKey: shiftKey
+            altKey,
+            code,
+            ctrlKey,
+            key,
+            keyCode,
+            metaKey,
+            shiftKey
         };
     }
 
     /**
-     *
      * @param {Object} event
      * @returns {Object}
      */
     getMouseEventData(event) {
-        const {altKey, clientX, clientY, ctrlKey, metaKey, offsetX, offsetY, pageX, pageY, screenX, screenY, shiftKey} = event;
+        let {altKey, clientX, clientY, ctrlKey, metaKey, offsetX, offsetY, pageX, pageY, screenX, screenY, shiftKey} = event;
 
         return {
             ...this.getEventData(event),
-            altKey  : altKey,
-            clientX : clientX,
-            clientY : clientY,
-            ctrlKey : ctrlKey,
-            metaKey : metaKey,
-            offsetX : offsetX,
-            offsetY : offsetY,
-            pageX   : pageX,
-            pageY   : pageY,
-            screenX : screenX,
-            screenY : screenY,
-            shiftKey: shiftKey
+            altKey,
+            clientX,
+            clientY,
+            ctrlKey,
+            metaKey,
+            offsetX,
+            offsetY,
+            pageX,
+            pageY,
+            screenX,
+            screenY,
+            shiftKey
         };
     }
 
     /**
-     *
      * @param {Element} element
      * @returns {Element[]}
      */
@@ -330,7 +324,6 @@ class DomEvents extends Base {
     }
 
     /**
-     *
      * @param {Object} node
      * @returns {Object}
      */
@@ -397,18 +390,17 @@ class DomEvents extends Base {
      * @param {Object} event
      */
     onBeforeUnload(event) {
-        let M = Neo.worker.Manager;
+        let manager = Neo.worker.Manager;
 
-        M.appNames.forEach(appName => {
-            M.broadcast({
+        manager.appNames.forEach(appName => {
+            manager.broadcast({
                 action : 'disconnect',
-                appName: appName
+                appName
             });
         })
     }
 
     /**
-     *
      * @param {Object} event
      */
     onChange(event) {
@@ -420,7 +412,6 @@ class DomEvents extends Base {
     }
 
     /**
-     *
      * @param {Object} event
      */
     onClick(event) {
@@ -428,13 +419,10 @@ class DomEvents extends Base {
 
         me.sendMessageToApp(me.getMouseEventData(event));
 
-        if (me.testPathInclusion(event, preventClickTargets)) {
-            event.preventDefault();
-        }
+        me.testPathInclusion(event, preventClickTargets) && event.preventDefault();
     }
 
     /**
-     *
      * @param {Object} event
      */
     onContextMenu(event) {
@@ -442,9 +430,7 @@ class DomEvents extends Base {
 
         me.sendMessageToApp(me.getMouseEventData(event));
 
-        if (me.testPathInclusion(event, preventContextmenuTargets)) {
-            event.preventDefault();
-        }
+        me.testPathInclusion(event, preventContextmenuTargets) && event.preventDefault();
     }
 
     /**
@@ -456,7 +442,6 @@ class DomEvents extends Base {
     }
 
     /**
-     *
      * @param {Object} event
      */
     onDoubleClick(event) {
@@ -464,13 +449,10 @@ class DomEvents extends Base {
 
         me.sendMessageToApp(me.getMouseEventData(event));
 
-        if (me.testPathInclusion(event, preventClickTargets)) {
-            event.preventDefault();
-        }
+        me.testPathInclusion(event, preventClickTargets) && event.preventDefault();
     }
 
     /**
-     *
      * @param {Object} event
      */
     onDragOver(event) {
@@ -479,7 +461,6 @@ class DomEvents extends Base {
     }
 
     /**
-     *
      * @param {Object} event
      */
     onFocusIn(event) {
@@ -487,7 +468,6 @@ class DomEvents extends Base {
     }
 
     /**
-     *
      * @param {Object} event
      */
     onFocusOut(event) {
@@ -498,21 +478,20 @@ class DomEvents extends Base {
      *
      */
     onHashChange() {
-        const Manager    = Neo.worker.Manager,
-              hashString = location.hash.substr(1);
+        let manager    = Neo.worker.Manager,
+            hashString = location.hash.substr(1);
 
-        Manager.sendMessage('app', {
+        manager.sendMessage('app', {
             action: 'hashChange',
             data  : {
-                appNames  : Manager.appNames,
+                appNames  : manager.appNames,
                 hash      : this.parseHash(hashString),
-                hashString: hashString
+                hashString
             }
         });
     }
 
     /**
-     *
      * @param {Object} event
      */
     onKeyDown(event) {
@@ -526,7 +505,6 @@ class DomEvents extends Base {
     }
 
     /**
-     *
      * @param {Object} event
      */
     onKeyUp(event) {
@@ -534,7 +512,6 @@ class DomEvents extends Base {
     }
 
     /**
-     *
      * @param {Object} event
      */
     onMouseDown(event) {
@@ -542,7 +519,6 @@ class DomEvents extends Base {
     }
 
     /**
-     *
      * @param {Object} event
      */
     onMouseEnter(event) {
@@ -554,7 +530,6 @@ class DomEvents extends Base {
     }
 
     /**
-     *
      * @param {Object} event
      */
     onMouseLeave(event) {
@@ -566,7 +541,6 @@ class DomEvents extends Base {
     }
 
     /**
-     *
      * @param {Object} event
      */
     onMouseUp(event) {
@@ -574,7 +548,6 @@ class DomEvents extends Base {
     }
 
     /**
-     *
      * @param {Object} event
      */
     onWheel(event) {
@@ -592,22 +565,22 @@ class DomEvents extends Base {
                     preventUpdate = true;
                 } else {
                     Object.assign(lastWheelEvent, {
-                        date  : date,
+                        date,
                         target: targetCls
                     });
                 }
             }
 
              if (!preventUpdate) {
-                const {deltaX, deltaY, deltaZ} = event;
+                let {deltaX, deltaY, deltaZ} = event;
 
                 this.sendMessageToApp({
                     ...this.getEventData(event),
                     clientHeight: target.node.clientHeight,
                     clientWidth : target.node.clientWidth,
-                    deltaX      : deltaX,
-                    deltaY      : deltaY,
-                    deltaZ      : deltaZ,
+                    deltaX,
+                    deltaY,
+                    deltaZ,
                     scrollLeft  : target.node.scrollLeft,
                     scrollTop   : target.node.scrollTop
                 });
@@ -678,7 +651,6 @@ class DomEvents extends Base {
     }
 
     /**
-     *
      * @param {Object} data
      * @param {Array|String} data.cls
      * @param {String} data.name
@@ -700,9 +672,7 @@ class DomEvents extends Base {
         }
 
         data.cls.forEach(cls => {
-            if (!preventArray.includes(cls)) {
-                preventArray.push(cls);
-            }
+            !preventArray.includes(cls) && preventArray.push(cls);
         });
     }
 
@@ -715,14 +685,11 @@ class DomEvents extends Base {
         Neo.worker.Manager.sendMessage('app', {
             action   : 'domEvent',
             eventName: data.type,
-            data     : data
+            data
         });
     }
 
-
-
     /**
-     *
      * @param {Object} event
      * @param {Object} targetArray
      * @returns {Object|Boolean} target cls & node if found, false otherwise
@@ -741,7 +708,7 @@ class DomEvents extends Base {
                 if (node.classList?.contains(targetArray[j])) {
                     return {
                         cls : targetArray[j],
-                        node: node
+                        node
                     };
                 }
             }