neo.mjs 6.17.2 → 6.18.0

package/src/dialog/Base.mjs

@@ -100,6 +100,9 @@ class Base extends Panel {
          * @protected
          */
         isDragging: false,
+        /**
+         * @member {Object} keys={Escape:'onKeyDownEscape'}
+         */
         keys: {
             Escape: 'onKeyDownEscape'
         },
@@ -152,8 +155,8 @@ class Base extends Panel {
     construct(config) {
         super.construct(config);
 
-        let me    = this,
-            style = me.style;
+        let me      = this,
+            {style} = me;
 
         me.createHeader();
 
@@ -188,7 +191,7 @@ class Base extends Panel {
      */
     afterSetAppName(value, oldValue) {
         let me        = this,
-            resizable = me.getPlugin({flag: 'resizable'});
+            resizable = me.getPlugin('resizable');
 
         if (me.dragZone) {
             me.dragZone.appName = value
@@ -246,7 +249,7 @@ class Base extends Panel {
                 me.domListeners       = [...me.domListeners, ...dragListeners];
                 me.dragListenersAdded = true
             }
-        });
+        })
     }
 
     /**
@@ -256,8 +259,8 @@ class Base extends Panel {
      * @protected
      */
     afterSetMaximized(value, oldValue) {
-        let me  = this,
-            cls = me.vdom.cls; // todo: using wrapperCls
+        let me    = this,
+            {cls} = me.vdom; // todo: using wrapperCls
 
         NeoArray.toggle(cls, 'neo-maximized', value);
         me.update()
@@ -298,22 +301,22 @@ class Base extends Panel {
      * @protected
      */
     afterSetResizable(value, oldValue) {
-        value && import('../plugin/Resizable.mjs').then(module => {
-            let me      = this,
-                plugins = me.plugins || [];
+        if (value && !this.getPlugin('resizable')) {
+            import('../plugin/Resizable.mjs').then(module => {
+                let me        = this,
+                    {appName} = me,
+                    plugins   = me.plugins || [];
 
-            if (!me.getPlugin({flag: 'resizable'})) {
                 plugins.push({
                     module       : module.default,
-                    appName      : me.appName,
+                    appName,
                     delegationCls: 'neo-dialog',
-                    flag         : 'resizable',
                     ...me.resizablePluginConfig
                 });
 
                 me.plugins = plugins
-            }
-        })
+            })
+        }
     }
 
     /**
@@ -342,10 +345,9 @@ class Base extends Panel {
      *
      */
     async animateHide() {
-        let me      = this,
-            appName = me.appName,
-            { id }  = me,
-            rects   = await me.getDomRect([id, me.animateTargetId]);
+        let me            = this,
+            {appName, id} = me,
+            rects         = await me.getDomRect([id, me.animateTargetId]);
 
         await Neo.applyDeltas(appName, {
             id,
@@ -386,10 +388,9 @@ class Base extends Panel {
      *
      */
     async animateShow() {
-        let me            = this,
-            appName       = me.appName,
-            { id, style } = me,
-            rect          = await me.getDomRect(me.animateTargetId);
+        let me   = this,
+            {appName, id, style} = me,
+            rect = await me.getDomRect(me.animateTargetId);
 
         await me.render(true);
 
@@ -447,6 +448,7 @@ class Base extends Panel {
         let me = this;
 
         me.revertFocus();
+
         if (animate) {
             me.animateHide()
         } else {
@@ -666,7 +668,7 @@ class Base extends Panel {
         if (!me.maximized) {
             me.isDragging = true;
 
-            me.getPlugin({flag: 'resizable'})?.removeAllNodes();
+            me.getPlugin('resizable')?.removeAllNodes();
 
             if (!me.dragZone) {
                 me.dragZone = Neo.create({
@@ -725,7 +727,7 @@ class Base extends Panel {
      */
     syncModalMask(id=this.id) {
         // This should sync the visibility and position of the modal mask element.
-        Neo.main.DomAccess.syncModalMask({ id, modal: this.modal })
+        Neo.main.DomAccess.syncModalMask({id, modal: this.modal})
     }
 
     /**
@@ -733,7 +735,7 @@ class Base extends Panel {
      */
     syncTrapFocus() {
         if (this.mounted) {
-            Neo.main.DomAccess.trapFocus({ id: this.id, trap: this.trapFocus })
+            Neo.main.DomAccess.trapFocus({id: this.id, trap: this.trapFocus})
         }
     }
 }

package/src/dialog/header/Toolbar.mjs

@@ -58,14 +58,15 @@ class Toolbar extends Base {
     createItems() {
         let me      = this,
             handler = me.fireAction.bind(me),
-            items   = me.items || [];
+            items   = me.items || [],
+            {title} = me;
 
         items.push({
             ntype : 'label',
             cls   : ['neo-panel-header-text', 'neo-label'],
             flag  : 'title-label',
-            hidden: !me.title,
-            text  : me.title
+            hidden: !title,
+            text  : title
         });
 
         if (me.actions) {
@@ -89,7 +90,7 @@ class Toolbar extends Base {
      * @param {Object} data
      */
     fireAction(data) {
-        let component = data.component;
+        let {component} = data;
 
         this.fire('headerAction', {
             action: component.action,

package/src/draggable/DragProxyComponent.mjs

@@ -42,7 +42,7 @@ class DragProxyComponent extends Base {
 
         let me = this;
 
-        me.on('mounted', me.onMounted, me);
+        me.on('mounted', me.onMounted, me)
     }
 
     /**
@@ -50,10 +50,13 @@ class DragProxyComponent extends Base {
      */
     onMounted(id) {
         if (this.moveInMainThread) {
+            let {appName, id, windowId} = this;
+
             Neo.main.addon.DragDrop.setDragProxyElement({
-                appName: this.appName,
-                id     : id
-            });
+                appName,
+                id,
+                windowId
+            })
         }
     }
 }

package/src/draggable/DragZone.mjs

@@ -154,7 +154,7 @@ class DragZone extends Base {
         super.construct(config);
 
         if (!Neo.main.addon.DragDrop) {
-            console.error('You can not use Neo.draggable.DragZone without adding Neo.main.addon.DragDrop to the main thread addons', this.id);
+            console.error('You can not use Neo.draggable.DragZone without adding Neo.main.addon.DragDrop to the main thread addons', this.id)
         }
     }
 
@@ -166,7 +166,7 @@ class DragZone extends Base {
      */
     afterSetAppName(value, oldValue) {
         if (value) {
-            Neo.currentWorker.insertThemeFiles(value, this.owner.windowId, this.__proto__);
+            Neo.currentWorker.insertThemeFiles(value, this.owner.windowId, this.__proto__)
         }
     }
 
@@ -178,7 +178,7 @@ class DragZone extends Base {
      * @protected
      */
     beforeGetDragProxyConfig(value) {
-        return Neo.clone(value, true, true);
+        return Neo.clone(value, true, true)
     }
 
     /**
@@ -205,15 +205,15 @@ class DragZone extends Base {
         config.cls = config.cls || [];
 
         if (component) {
-            config.cls.push(component.getTheme());
+            config.cls.push(component.getTheme())
         }
 
         if (clone.cls && !me.useProxyWrapper) {
-            config.cls.push(...clone.cls);
+            config.cls.push(...clone.cls)
         }
 
         if (me.addDragProxyCls && config.cls) {
-            NeoArray.add(config.cls, me.dragProxyCls);
+            NeoArray.add(config.cls, me.dragProxyCls)
         }
 
         config.style = config.style || {};
@@ -225,7 +225,7 @@ class DragZone extends Base {
             width : `${data.width}px`
         });
 
-        me.dragProxy = Neo.create(config);
+        me.dragProxy = Neo.create(config)
     }
 
     /**
@@ -243,23 +243,23 @@ class DragZone extends Base {
             });
         }, me.moveInMainThread ? 0 : 30);
 
-        me.dragProxy.destroy();
+        me.dragProxy.destroy()
     }
 
     /**
      * @param {Object} data
      */
     dragEnd(data) {
-        let me    = this,
-            owner = me.owner,
-            cls   = owner.cls;
+        let me      = this,
+            {owner} = me,
+            {cls}   = owner;
 
         NeoArray.remove(cls, 'neo-is-dragging');
         owner.cls = cls;
 
         if (me.dragProxy) {
             me.destroyDragProxy();
-            me.dragProxy = null;
+            me.dragProxy = null
         }
 
         Object.assign(me, {
@@ -271,7 +271,7 @@ class DragZone extends Base {
 
         me.fire('dragEnd', data);
 
-        me.resetData();
+        me.resetData()
     }
 
     /**
@@ -295,17 +295,17 @@ class DragZone extends Base {
             me.dragProxy.style = style;
         }
 
-        me.fire('dragMove', data);
+        me.fire('dragMove', data)
     }
 
     /**
      * @param {Object} data
      */
     dragStart(data) {
-        let me    = this,
-            owner = me.owner,
-            cls   = owner.cls,
-            rect  = me.getDragElementRect(data),
+        let me      = this,
+            {owner} = me,
+            {cls}   = owner,
+            rect    = me.getDragElementRect(data),
             offsetX, offsetY;
 
         me.setData();
@@ -337,7 +337,7 @@ class DragZone extends Base {
             id             : me.id,
             offsetX,
             offsetY
-        });
+        })
     }
 
     /**
@@ -350,17 +350,17 @@ class DragZone extends Base {
 
         for (let item of data.path) {
             if (item.id === id) {
-                return item.rect;
+                return item.rect
             }
         }
 
         for (let item of data.targetPath) {
             if (item.id === id) {
-                return item.rect;
+                return item.rect
             }
         }
 
-        return null;
+        return null
     }
 
     /**
@@ -369,7 +369,7 @@ class DragZone extends Base {
      * @returns {Object}
      */
     getDragElementRoot() {
-        return this.dragElement;
+        return this.dragElement
     }
 
     /**
@@ -394,7 +394,7 @@ class DragZone extends Base {
             scrollContainerId  : me.scrollContainerId,
             scrollFactorLeft   : me.scrollFactorLeft,
             scrollFactorTop    : me.scrollFactorTop
-        };
+        }
     }
 
     /**
@@ -402,7 +402,7 @@ class DragZone extends Base {
      * @param {Object} data
      */
     onDrop(data) {
-        this.fire('drop', data);
+        this.fire('drop', data)
     }
 
     /**
@@ -410,7 +410,7 @@ class DragZone extends Base {
      * @param {Object} data
      */
     onDropEnter(data) {
-        this.fire('drop:enter', data);
+        this.fire('drop:enter', data)
     }
 
     /**
@@ -418,7 +418,7 @@ class DragZone extends Base {
      * @param {Object} data
      */
     onDropLeave(data) {
-        this.fire('drop:leave', data);
+        this.fire('drop:leave', data)
     }
 
     /**
@@ -426,8 +426,8 @@ class DragZone extends Base {
      */
     resetData() {
         setTimeout(() => {
-            this.data = null;
-        }, 30);
+            this.data = null
+        }, 30)
     }
 
     /**
@@ -441,7 +441,7 @@ class DragZone extends Base {
             dragElement: me.getDragElementRoot(),
             dragZoneId : me.id,
             ...data
-        };
+        }
     }
 }
 

package/src/draggable/DropZone.mjs

@@ -34,7 +34,7 @@ class DropZone extends Base {
             {'drop'      : me.onDrop,      scope: me},
             {'drop:enter': me.onDropEnter, scope: me},
             {'drop:leave': me.onDropLeave, scope: me}
-        ]);
+        ])
     }
 
     /**
@@ -42,7 +42,7 @@ class DropZone extends Base {
      * @param {Object} data
      */
     fireOwnerEvent(name, data) {
-        this.owner.fire(name, this.getDragData(data.dragZoneId));
+        this.owner.fire(name, this.getDragData(data.dragZoneId))
     }
 
     /**
@@ -53,31 +53,31 @@ class DropZone extends Base {
         let dragZone = Neo.get(dragZoneId);
 
         if (dragZone) {
-            return dragZone.data;
+            return dragZone.data
         }
 
-        return null;
+        return null
     }
 
     /**
      * @param {Object} data
      */
     onDrop(data) {
-        this.fireOwnerEvent('drop', data);
+        this.fireOwnerEvent('drop', data)
     }
 
     /**
      * @param {Object} data
      */
     onDropEnter(data) {
-        this.fireOwnerEvent('drop:enter', data);
+        this.fireOwnerEvent('drop:enter', data)
     }
 
     /**
      * @param {Object} data
      */
     onDropLeave(data) {
-        this.fireOwnerEvent('drop:leave', data);
+        this.fireOwnerEvent('drop:leave', data)
     }
 }
 

package/src/draggable/list/DragZone.mjs

@@ -32,10 +32,10 @@ class DragZone extends BaseDragZone {
     construct(config) {
         super.construct(config);
 
-        let me    = this,
-            owner = me.owner,
-            opts  = {delegate: '.neo-draggable', scope: me},
-            store = owner.store;
+        let me      = this,
+            {owner} = me,
+            opts    = {delegate: '.neo-draggable', scope: me},
+            {store} = owner;
 
         owner.addDomListeners([
             {'drag:end'  : me.onDragEnd,   ...opts},
@@ -49,7 +49,7 @@ class DragZone extends BaseDragZone {
 
         // check if the store is already loaded
         if (store.getCount() > 0) {
-            me.onStoreLoad();
+            me.onStoreLoad()
         }
     }
 
@@ -57,9 +57,9 @@ class DragZone extends BaseDragZone {
      * @param {Boolean} draggable
      */
     adjustListItemCls(draggable) {
-        let me    = this,
-            owner = me.owner,
-            store = owner.store,
+        let me      = this,
+            {owner} = me,
+            {store} = owner,
             node;
 
         store.items.forEach((record, index) => {
@@ -67,11 +67,11 @@ class DragZone extends BaseDragZone {
 
             if (node) {
                 node.cls = node.cls || [];
-                NeoArray[draggable ? 'add' : 'remove'](node.cls, 'neo-draggable');
+                NeoArray[draggable ? 'add' : 'remove'](node.cls, 'neo-draggable')
             }
         });
 
-        owner.update();
+        owner.update()
     }
 
     /**
@@ -80,7 +80,7 @@ class DragZone extends BaseDragZone {
      * @returns {Object|null} vdom
      */
     getItemVdom(record, index) {
-        return this.owner.vdom.cn[index];
+        return this.owner.vdom.cn[index]
     }
 
     /**
@@ -105,9 +105,9 @@ class DragZone extends BaseDragZone {
                 proxy.wrapperStyle = wrapperStyle;
 
                 setTimeout(() => {
-                    me.dragEnd();
-                }, 300);
-            }, 30);
+                    me.dragEnd()
+                }, 300)
+            }, 30)
         }
     }
 
@@ -119,7 +119,7 @@ class DragZone extends BaseDragZone {
 
         if (me.owner.draggable) {
             me.dragElement = VDomUtil.findVdomChild(me.owner.vdom, data.path[0].id).vdom;
-            me.dragStart(data);
+            me.dragStart(data)
         }
     }
 
@@ -127,7 +127,7 @@ class DragZone extends BaseDragZone {
      *
      */
     onStoreLoad() {
-        this.adjustListItemCls(true);
+        this.adjustListItemCls(true)
     }
 
     /**
@@ -135,12 +135,12 @@ class DragZone extends BaseDragZone {
      */
     setData(data={}) {
         let me       = this,
-            owner    = me.owner,
+            {owner}  = me,
             recordId = owner.getItemRecordId(me.getDragElementRoot().id);
 
         data.record = owner.store.get(recordId);
 
-        super.setData(data);
+        super.setData(data)
     }
 }
 

package/src/draggable/tab/header/toolbar/SortZone.mjs

@@ -41,12 +41,12 @@ class SortZone extends BaseSortZone {
         super.onDragEnd(data);
 
         setTimeout(() => {
-            let me    = this,
-                owner = me.owner,
-                cls   = owner.cls || [];
+            let me      = this,
+                {owner} = me,
+                cls     = owner.cls || [];
 
             NeoArray.remove(cls, 'neo-no-animation');
-            owner.cls = cls;
+            owner.cls = cls
         }, 300)
     }
 
@@ -54,9 +54,9 @@ class SortZone extends BaseSortZone {
      * @param {Object} data
      */
     onDragStart(data) {
-        let me    = this,
-            owner = me.owner,
-            cls   = owner.cls || [];
+        let me      = this,
+            {owner} = me,
+            cls     = owner.cls || [];
 
         NeoArray.add(cls, 'neo-no-animation');
         owner.cls = cls;

package/src/draggable/toolbar/DragZone.mjs

@@ -26,9 +26,9 @@ class DragZone extends BaseDragZone {
     construct(config) {
         super.construct(config);
 
-        let me    = this,
-            owner = me.owner,
-            opts  = {delegate: '.neo-draggable', scope: me};
+        let me      = this,
+            {owner} = me,
+            opts    = {delegate: '.neo-draggable', scope: me};
 
         owner.addDomListeners([
             {'drag:end'  : me.onDragEnd,   ...opts},
@@ -38,23 +38,23 @@ class DragZone extends BaseDragZone {
 
         owner.on('insert', me.onItemInsert, me);
 
-        me.adjustToolbarItemCls(true);
+        me.adjustToolbarItemCls(true)
     }
 
     /**
      * @param {Boolean} draggable
      */
     adjustToolbarItemCls(draggable) {
-        let me    = this,
-            owner = me.owner,
+        let me      = this,
+            {owner} = me,
             wrapperCls;
 
         owner.items.forEach(item => {
             wrapperCls = item.wrapperCls || [];
 
             NeoArray[draggable ? 'add' : 'remove'](wrapperCls, 'neo-draggable');
-            item.wrapperCls = wrapperCls;
-        });
+            item.wrapperCls = wrapperCls
+        })
     }
 
     /**
@@ -79,9 +79,9 @@ class DragZone extends BaseDragZone {
                 proxy.wrapperStyle = wrapperStyle;
 
                 setTimeout(() => {
-                    me.dragEnd();
-                }, 100);
-            }, 30);
+                    me.dragEnd()
+                }, 100)
+            }, 30)
         }
     }
 
@@ -93,7 +93,7 @@ class DragZone extends BaseDragZone {
 
         if (me.owner.draggable) {
             me.dragElement = VDomUtil.findVdomChild(me.owner.vdom, data.path[0].id).vdom;
-            me.dragStart(data);
+            me.dragStart(data)
         }
     }
 
@@ -103,11 +103,11 @@ class DragZone extends BaseDragZone {
      * @param {Neo.component.Base} data.item
      */
     onItemInsert(data) {
-        let item = data.item,
-            cls  = item.cls || [];
+        let {item} = data,
+            cls    = item.cls || [];
 
         NeoArray.add(cls, 'neo-draggable');
-        item.cls = cls;
+        item.cls = cls
     }
 }