neo.mjs 6.17.1 → 6.18.0

package/src/sitemap/Component.mjs

@@ -53,7 +53,7 @@ class Component extends Base {
         me.addDomListeners([
             {click: me.onItemHandlerClick, delegate: '.neo-action-handler', scope: me},
             {click: me.onItemClick,        delegate: '.neo-action',         scope: me}
-        ]);
+        ])
     }
 
     /**
@@ -73,7 +73,7 @@ class Component extends Base {
         oldValue?.un(listeners);
         value   ?.on(listeners);
 
-        value?.getCount() > 0 && this.createItems();
+        value?.getCount() > 0 && this.createItems()
     }
 
     /**
@@ -83,7 +83,7 @@ class Component extends Base {
      * @protected
      */
     beforeSetItemHideMode(value, oldValue) {
-        return this.beforeSetEnumValue(value, oldValue, 'itemHideMode');
+        return this.beforeSetEnumValue(value, oldValue, 'itemHideMode')
     }
 
     /**
@@ -95,7 +95,7 @@ class Component extends Base {
      */
     beforeSetStore(value, oldValue) {
         oldValue?.destroy();
-        return ClassSystemUtil.beforeSetInstance(value, Store);
+        return ClassSystemUtil.beforeSetInstance(value, Store)
     }
 
     /**
@@ -105,7 +105,7 @@ class Component extends Base {
         let me          = this,
             records     = me.store.items,
             columnIndex = -1,
-            vdom        = me.vdom,
+            {vdom}      = me,
             action, column, item, record;
 
         vdom.cn = [];
@@ -121,7 +121,7 @@ class Component extends Base {
                     id : `${me.id}__column-${columnIndex}`
                 };
 
-                vdom.cn.push(column);
+                vdom.cn.push(column)
             }
 
             action = record.action;
@@ -137,11 +137,11 @@ class Component extends Base {
                 switch (record.actionType) {
                     case 'handler': {
                         item.cls.push('neo-action-handler');
-                        break;
+                        break
                     }
                     case 'route': {
                         item.href = `#${record.action}`;
-                        break;
+                        break
                     }
                     case 'url': {
                         item.href   = record.action;
@@ -154,16 +154,16 @@ class Component extends Base {
 
             if (record.hidden) {
                 if (me.itemHideMode === 'removeDom') {
-                    item.removeDom = true;
+                    item.removeDom = true
                 } else {
-                    item.cls.push('neo-hidden');
+                    item.cls.push('neo-hidden')
                 }
             }
 
-            column.cn.push(item);
+            column.cn.push(item)
         }
 
-        me.update();
+        me.update()
     }
 
     /**
@@ -171,7 +171,7 @@ class Component extends Base {
      * @returns {String}
      */
     getItemId(recordId) {
-        return `${this.id}__${recordId}`;
+        return `${this.id}__${recordId}`
     }
 
     /**
@@ -180,15 +180,15 @@ class Component extends Base {
      */
     getRecordId(vnodeId) {
         let itemId   = vnodeId.split('__')[1],
-            model    = this.store.model,
+            {model}  = this.store,
             keyField = model?.getField(model.keyProperty),
             keyType  = keyField?.type.toLowerCase();
 
         if (keyType === 'integer' || keyType === 'number') {
-            itemId = parseInt(itemId);
+            itemId = parseInt(itemId)
         }
 
-        return itemId;
+        return itemId
     }
 
     /**
@@ -204,28 +204,28 @@ class Component extends Base {
         let me     = this,
             record = me.store.get(me.getRecordId(data.path[0].id));
 
-        me[record.action](record);
+        me[record.action](record)
     }
 
     /**
      *
      */
     onStoreFilter() {
-        this.createItems();
+        this.createItems()
     }
 
     /**
      *
      */
     onStoreLoad() {
-        this.createItems();
+        this.createItems()
     }
 
     /**
      *
      */
     onStoreRecordChange() {
-        this.createItems();
+        this.createItems()
     }
 }
 

package/src/sitemap/Store.mjs

@@ -1,5 +1,5 @@
-import Model     from './Model.mjs';
 import BaseStore from '../data/Store.mjs';
+import Model     from './Model.mjs';
 
 /**
  * @class Neo.sitemap.Store

package/src/tab/Container.mjs

@@ -153,8 +153,8 @@ class Container extends BaseContainer {
      * @protected
      */
     afterSetPlain(value, oldValue) {
-        let me  = this,
-            cls = me.cls;
+        let me    = this,
+            {cls} = me;
 
         NeoArray[value ? 'unshift' : 'remove'](cls, me.tabContainerCls + '-plain');
         me.cls = cls
@@ -179,8 +179,8 @@ class Container extends BaseContainer {
      * @protected
      */
     afterSetTabBarPosition(value, oldValue) {
-        let me  = this,
-            cls = me.cls;
+        let me    = this,
+            {cls} = me;
 
         NeoArray.remove(cls, 'neo-' + oldValue);
         NeoArray.add(cls, 'neo-' + value);
@@ -329,7 +329,7 @@ class Container extends BaseContainer {
                     direction: 'column-reverse',
                     pack     : 'start'
                 };
-                break;
+                break
             case 'left':
                 layoutConfig = {
                     ntype    : 'hbox',
@@ -337,7 +337,7 @@ class Container extends BaseContainer {
                     direction: 'row',
                     pack     : 'start'
                 };
-                break;
+                break
             case 'right':
                 layoutConfig = {
                     ntype    : 'hbox',
@@ -345,13 +345,13 @@ class Container extends BaseContainer {
                     direction: 'row-reverse',
                     pack     : 'start'
                 };
-                break;
+                break
             case 'top':
                 layoutConfig = {
                     ntype: 'vbox',
                     align: 'stretch'
                 };
-                break;
+                break
         }
 
         return layoutConfig
@@ -388,7 +388,7 @@ class Container extends BaseContainer {
             pressed: me.activeIndex === index,
 
             domListeners: [{
-                click: function(data) {
+                click(data) {
                     me.activeIndex = data.component.index
                 },
                 scope: me
@@ -443,7 +443,7 @@ class Container extends BaseContainer {
                         me.activeIndex = i
                     }
 
-                    break;
+                    break
                 }
             }
 
@@ -473,7 +473,7 @@ class Container extends BaseContainer {
             }
         }
 
-        !silent && me.updateTabButtons()
+        !silent && me.updateTabButtons();
 
         return superItem
     }
@@ -579,7 +579,7 @@ class Container extends BaseContainer {
      */
     removeAt(index, destroyItem=true, silent=false) {
         let me            = this,
-            activeIndex   = me.activeIndex,
+            {activeIndex} = me,
             cardContainer = me.getCardContainer(),
             tabBar        = me.getTabBar(),
             i, len;
@@ -608,9 +608,9 @@ class Container extends BaseContainer {
      * @protected
      */
     updateTabButtons() {
-        let me          = this,
-            activeIndex = me.activeIndex,
-            tabButtons  = me.getTabBar().items || [];
+        let me            = this,
+            {activeIndex} = me,
+            tabButtons    = me.getTabBar().items || [];
 
         tabButtons.forEach((item, index) => {
             item.pressed = index === activeIndex

package/src/tab/Strip.mjs

@@ -150,7 +150,7 @@ class Strip extends Component {
         me.getTabContainer().on({
             activeIndexChange: me.getActiveTabRectThenMove,
             scope            : me
-        });
+        })
     }
 }
 

package/src/tab/header/Toolbar.mjs

@@ -97,7 +97,7 @@ class Toolbar extends BaseToolbar {
                     align: 'center',
                     pack : 'start'
                 };
-                break;
+                break
             case 'left':
                 layoutConfig = {
                     ntype    : 'vbox',
@@ -105,7 +105,7 @@ class Toolbar extends BaseToolbar {
                     direction: 'column-reverse',
                     pack     : 'end'
                 };
-                break;
+                break
             case 'right':
                 layoutConfig = {
                     ntype    : 'vbox',
@@ -113,7 +113,7 @@ class Toolbar extends BaseToolbar {
                     direction: 'column',
                     pack     : 'start'
                 };
-                break;
+                break
         }
 
         return layoutConfig
@@ -130,7 +130,7 @@ class Toolbar extends BaseToolbar {
 
         if (fromIndex !== toIndex) {
             this.items.forEach((item, index) => {
-                item.index = index;
+                item.index = index
             })
         }
 

package/src/table/Container.mjs

@@ -169,8 +169,8 @@ class Container extends BaseContainer {
      */
     afterSetColumns(value, oldValue) {
         if (Array.isArray(oldValue) && oldValue.length > 0) {
-            let me            = this,
-                headerToolbar = me.headerToolbar;
+            let me              = this,
+                {headerToolbar} = me;
 
             if (headerToolbar) {
                 headerToolbar.items = value;
@@ -379,7 +379,7 @@ class Container extends BaseContainer {
             }
 
             if (renderer && Neo.isString(renderer) && me[renderer]) {
-                column.renderer = me[renderer];
+                column.renderer = me[renderer]
             }
 
             if (sorters?.[0]) {
@@ -410,8 +410,8 @@ class Container extends BaseContainer {
      * @param {Array} inputData
      */
     createViewData(inputData) {
-        let me    = this,
-            items = me.items;
+        let me      = this,
+            {items} = me;
 
         items[1].createViewData(inputData); // todo: save a reference to the view & headerContainer
 
@@ -509,8 +509,7 @@ class Container extends BaseContainer {
      * @protected
      */
     onStoreLoad(data) {
-        let me = this,
-            listenerId;
+        let me = this;
 
         if (me.rendered) {
             me.createViewData(data);
@@ -519,12 +518,11 @@ class Container extends BaseContainer {
                 me.removeSortingCss()
             }
         } else {
-            listenerId = me.on('rendered', () => {
-                me.un('rendered', listenerId);
+            me.on('rendered', () => {
                 setTimeout(() => {
                     me.createViewData(data)
                 }, 50)
-            });
+            }, me, {once: true})
         }
     }
 

package/src/table/View.mjs

@@ -61,13 +61,13 @@ class View extends Component {
      */
     applyRendererOutput(data) {
         let {cellId, column, record, index, tableContainer} = data,
-            me         = this,
-            cellCls    = ['neo-table-cell'],
-            colspan    = record[me.colspanField],
-            dataField  = column.dataField,
-            fieldValue = record[dataField],
-            hasStore   = tableContainer.store?.model, // todo: remove as soon as all tables use stores (examples table)
-            vdom       = me.vdom,
+            me          = this,
+            cellCls     = ['neo-table-cell'],
+            colspan     = record[me.colspanField],
+            {dataField} = column,
+            fieldValue  = record[dataField],
+            hasStore    = tableContainer.store?.model, // todo: remove as soon as all tables use stores (examples table)
+            {vdom}      = me,
             cellConfig, rendererOutput;
 
         if (fieldValue === null || fieldValue === undefined) {
@@ -90,7 +90,7 @@ class View extends Component {
                 } else {
                     rendererOutput = [rendererOutput];
                 }
-                break;
+                break
             }
             case 'Number':
             case 'String': {
@@ -98,7 +98,7 @@ class View extends Component {
                     cls : cellCls,
                     html: rendererOutput?.toString()
                 };
-                break;
+                break
             }
         }
 
@@ -151,7 +151,7 @@ class View extends Component {
             colCount       = columns.length,
             data           = [],
             i              = 0,
-            vdom           = me.vdom,
+            {vdom}         = me,
             config, colspan, colspanKeys, column, dockLeftMargin, dockRightMargin, id, index, j, record, selectedRows, trCls;
 
         if (tableContainer.selectionModel.ntype === 'selection-table-rowmodel') {
@@ -173,7 +173,7 @@ class View extends Component {
 
                 Neo.getComponent(me.containerId).fire('select', {
                     record
-                });
+                })
             }
 
             data.push({
@@ -187,9 +187,7 @@ class View extends Component {
             dockLeftMargin  = 0;
             dockRightMargin = 0;
 
-            j = 0;
-
-            for (; j < colCount; j++) {
+            for (j=0; j < colCount; j++) {
                 column = columns[j];
                 config = me.applyRendererOutput({column, record, index: i, tableContainer});
 
@@ -198,12 +196,12 @@ class View extends Component {
 
                     if (column.dock === 'left') {
                         config.style.left = dockLeftMargin + 'px';
-                        dockLeftMargin += (column.width + 1); // todo: borders fix
+                        dockLeftMargin += (column.width + 1) // todo: borders fix
                     }
                 }
 
                 if (column.flex) {
-                    config.style.width = '100%';
+                    config.style.width = '100%'
                 }
 
                 data[i].cn.push(config);
@@ -213,15 +211,13 @@ class View extends Component {
                 }
             }
 
-            j = 0;
-
-            for (; j < colCount; j++) {
+            for (j=0; j < colCount; j++) {
                 index  = colCount - j -1;
                 column = columns[index];
 
                 if (column.dock === 'right') {
                     data[i].cn[index].style.right = dockRightMargin + 'px';
-                    dockRightMargin += (column.width + 1); // todo: borders fix
+                    dockRightMargin += (column.width + 1) // todo: borders fix
                 }
 
                 if (colspanKeys?.includes(column.dataField)) {
@@ -243,12 +239,11 @@ class View extends Component {
     }
 
     /**
-     * @param {Boolean} updateParentVdom
-     * @param {Boolean} silent
+     * @param args
      */
-    destroy(updateParentVdom, silent) {
+    destroy(...args) {
         this.store = null;
-        super.destroy(updateParentVdom, silent);
+        super.destroy(...args)
     }
 
     /**
@@ -257,7 +252,7 @@ class View extends Component {
      * @returns {String}
      */
     getCellId(record, dataField) {
-        return this.id + '__' + record[this.store.keyProperty] + '__' + dataField;
+        return this.id + '__' + record[this.store.keyProperty] + '__' + dataField
     }
 
     /**
@@ -304,11 +299,11 @@ class View extends Component {
             record = me.getRecordByRowId(node.id);
 
             if (record) {
-                return record;
+                return record
             }
         }
 
-        return null;
+        return null
     }
 
     /**
@@ -316,7 +311,7 @@ class View extends Component {
      * @returns {Object}
      */
     getRecordByRowId(rowId) {
-        return this.store.getAt(this.recordVnodeMap[rowId]);
+        return this.store.getAt(this.recordVnodeMap[rowId])
     }
 
     /**
@@ -325,14 +320,14 @@ class View extends Component {
      * @returns {String}
      */
     getRowId(record, index) {
-        let me    = this,
-            store = me.store;
+        let me      = this,
+            {store} = me;
 
         if (me.useRowRecordIds) {
-            return `${me.id}__tr__${record[store.keyProperty]}`;
+            return `${me.id}__tr__${record[store.keyProperty]}`
         } else {
             index = Neo.isNumber(index) ? index : store.indexOf(record);
-            return me.vdom.cn[index]?.id || Neo.getId('tr');
+            return me.vdom.cn[index]?.id || Neo.getId('tr')
         }
     }
 
@@ -343,7 +338,7 @@ class View extends Component {
      * @returns {String[]}
      */
     getTrClass(record, rowIndex) {
-        return ['neo-table-row'];
+        return ['neo-table-row']
     }
 
     /**
@@ -359,7 +354,7 @@ class View extends Component {
             fieldNames     = opts.fields.map(field => field.name),
             needsUpdate    = false,
             tableContainer = me.parent,
-            vdom           = me.vdom,
+            {vdom}         = me,
             cellId, cellNode, column, index, scope;
 
         if (fieldNames.includes(me.colspanField)) {

package/src/table/header/Button.mjs

@@ -150,23 +150,23 @@ class Button extends BaseButton {
      */
     afterSetIsSorted(value, oldValue) {
         let me        = this,
-            cls       = me.cls,
+            {cls}     = me,
             container = me.up('table-container');
 
         switch(value) {
             case null:
                 NeoArray.add(cls, 'neo-sort-hidden');
-                break;
+                break
             case 'ASC':
                 NeoArray.remove(cls, 'neo-sort-desc');
                 NeoArray.remove(cls, 'neo-sort-hidden');
                 NeoArray.add(cls, 'neo-sort-asc');
-                break;
+                break
             case 'DESC':
                 NeoArray.remove(cls, 'neo-sort-asc');
                 NeoArray.remove(cls, 'neo-sort-hidden');
                 NeoArray.add(cls, 'neo-sort-desc');
-                break;
+                break
         }
 
         me.cls = cls;
@@ -231,8 +231,8 @@ class Button extends BaseButton {
      * @protected
      */
      afterSetSortable(value, oldValue) {
-        let me = this,
-            cls = me.cls;
+        let me    = this,
+            {cls} = me;
 
         if (value === true) {
             NeoArray.remove(cls, 'neo-sort-hidden');
@@ -319,8 +319,8 @@ class Button extends BaseButton {
      * @protected
      */
     onDragEnd() {
-        let me    = this,
-            style = me.style;
+        let me      = this,
+            {style} = me;
 
         delete style.opacity;
         me.style = style
@@ -330,8 +330,8 @@ class Button extends BaseButton {
      * @protected
      */
     onDragEnter() {
-        let me  = this,
-            cls = me.cls;
+        let me    = this,
+            {cls} = me;
 
         NeoArray.add(cls, 'neo-drag-over');
         me.cls = cls
@@ -341,8 +341,8 @@ class Button extends BaseButton {
      * @protected
      */
     onDragLeave() {
-        let me  = this,
-            cls = me.cls;
+        let me    = this,
+            {cls} = me;
 
         NeoArray.remove(cls, 'neo-drag-over');
         me.cls = cls
@@ -359,8 +359,8 @@ class Button extends BaseButton {
      * @protected
      */
     onDragStart() {
-        let me    = this,
-            style = me.style;
+        let me      = this,
+            {style} = me;
 
         style.opacity = 0.4;
         me.style = style
@@ -372,7 +372,7 @@ class Button extends BaseButton {
     onDrop(data) {
         let me             = this,
             headerToolbar  = me.parent,
-            style          = me.style,
+            {style}        = me,
             tableContainer = headerToolbar.parent;
 
         me.onDragLeave();
@@ -420,7 +420,7 @@ class Button extends BaseButton {
         let me             = this,
             tableContainer = me.up('table-container'),
             store          = tableContainer?.store,
-            value          = data.value,
+            {value}        = data,
             field, filter, filters, model;
 
         if (store) {
@@ -453,8 +453,8 @@ class Button extends BaseButton {
      * @protected
      */
     removeSortingCss() {
-        let me  = this,
-            cls = me.cls;
+        let me    = this,
+            {cls} = me;
 
         NeoArray.add(cls, 'neo-sort-hidden');
 

package/src/table/header/Toolbar.mjs

@@ -99,7 +99,7 @@ class Toolbar extends BaseToolbar {
 
         let dockLeftWidth  = 0,
             dockRightWidth = 0,
-            items          = me.items,
+            {items}        = me,
             len            = items.length,
             style;
 
@@ -115,7 +115,7 @@ class Toolbar extends BaseToolbar {
                 item.vdom.cls = ['neo-locked'];
 
                 if (item.dock === 'left') {
-                    style.left = dockLeftWidth + 'px';
+                    style.left = dockLeftWidth + 'px'
                 }
 
                 dockLeftWidth += (item.width + 1) // todo: borders fix