neo.mjs 8.12.0 → 8.13.0

package/apps/ServiceWorker.mjs

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

package/apps/colors/view/TableContainer.mjs

@@ -57,7 +57,7 @@ class TableContainer extends Container {
                     dock     : 'left',
                     minWidth : 40,
                     text     : '#',
-                    renderer : data => ({cls: ['neo-index-column', 'neo-table-cell'], html: data.index + 1}),
+                    renderer : data => ({cls: ['neo-index-column', 'neo-table-cell'], html: data.rowIndex + 1}),
                     width    : 40
                 }],
                 currentChar;

package/apps/covid/Util.mjs

@@ -40,7 +40,7 @@ class Util extends Base {
         let value = data.value;
 
         if (!Neo.isNumber(value)) {
-            return value || 'N/A';
+            return value || 'N/A'
         }
 
         value = Math.round(value / 100);
@@ -48,7 +48,7 @@ class Util extends Base {
 
         value = value.toFixed(2) + ' %';
 
-        return value.toLocaleString(Util.locales);
+        return value.toLocaleString(Util.locales)
     }
 
     /**
@@ -67,7 +67,7 @@ class Util extends Base {
 
         value = value.toLocaleString(Util.locales);
 
-        return typeof color !== 'string' ? value : `<span style="color:${color};">${value}</span>`;
+        return typeof color !== 'string' ? value : `<span style="color:${color};">${value}</span>`
     }
 
     /**
@@ -136,25 +136,25 @@ class Util extends Base {
             let path = `../../../../resources_pub/images/flaticon/country_flags/png/${imageName}.png`;
 
             if (Neo.config.environment !== 'development') {
-                path = `../../${path}`;
+                path = `../../${path}`
             }
 
-            return path;
+            return path
         }
 
-        return `https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/flaticon/country_flags/png/${imageName}.png`;
+        return `https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/flaticon/country_flags/png/${imageName}.png`
     }
 
     /**
      * @param {Object} data
-     * @param {Number} data.index
+     * @param {Number} data.rowIndex
      * @returns {Object}
      */
     static indexRenderer(data) {
         return {
             cls : ['neo-index-column', 'neo-table-cell'],
-            html: data.index + 1
-        };
+            html: data.rowIndex + 1
+        }
     }
 }
 

package/apps/portal/index.html

@@ -16,7 +16,7 @@
         "@type": "Organization",
         "name": "Neo.mjs"
       },
-      "datePublished": "2025-01-29",
+      "datePublished": "2025-01-30",
       "publisher": {
         "@type": "Organization",
         "name": "Neo.mjs"

package/apps/portal/view/home/FooterContainer.mjs

@@ -107,7 +107,7 @@ class FooterContainer extends Container {
             }, {
                 module: Component,
                 cls   : ['neo-version'],
-                html  : 'v8.12.0'
+                html  : 'v8.13.0'
             }]
         }],
         /**

package/apps/sharedcovid/Util.mjs

@@ -147,13 +147,13 @@ class Util extends Base {
 
     /**
      * @param {Object} data
-     * @param {Number} data.index
+     * @param {Number} data.rowIndex
      * @returns {Object}
      */
     static indexRenderer(data) {
         return {
             cls : ['neo-index-column', 'neo-table-cell'],
-            html: data.index + 1
+            html: data.rowIndex + 1
         }
     }
 }

package/examples/ServiceWorker.mjs

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

package/examples/grid/covid/Util.mjs

@@ -147,13 +147,13 @@ class Util extends Base {
 
     /**
      * @param {Object} data
-     * @param {Number} data.index
+     * @param {Number} data.rowIndex
      * @returns {Object}
      */
     static indexRenderer(data) {
         return {
-            cls : ['neo-index-column', 'neo-grid-cell'],
-            html: data.index + 1
+            cls : ['neo-index-column', 'neo-table-cell'],
+            html: data.rowIndex + 1
         }
     }
 }

package/examples/table/covid/Util.mjs

@@ -147,13 +147,13 @@ class Util extends Base {
 
     /**
      * @param {Object} data
-     * @param {Number} data.index
+     * @param {Number} data.rowIndex
      * @returns {Object}
      */
     static indexRenderer(data) {
         return {
             cls : ['neo-index-column', 'neo-table-cell'],
-            html: data.index + 1
+            html: data.rowIndex + 1
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "8.12.0",
+    "version": "8.13.0",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {

package/src/DefaultConfig.mjs

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

package/src/grid/View.mjs

@@ -381,13 +381,14 @@ class GridView extends Component {
      * @param {Object} data
      * @param {String} [data.cellId]
      * @param {Object} data.column
+     * @param {Number} data.columnIndex
      * @param {Neo.grid.Container} data.gridContainer
-     * @param {Number} data.index
      * @param {Object} data.record
+     * @param {Number} data.rowIndex
      * @returns {Object}
      */
     applyRendererOutput(data) {
-        let {cellId, column, gridContainer, index, record} = data,
+        let {cellId, column, columnIndex, gridContainer, record, rowIndex} = data,
             me          = this,
             cellCls     = ['neo-grid-cell'],
             colspan     = record[me.colspanField],
@@ -401,10 +402,11 @@ class GridView extends Component {
 
         rendererOutput = column.renderer.call(column.rendererScope || gridContainer, {
             column,
+            columnIndex,
             dataField,
             gridContainer,
-            index,
             record,
+            rowIndex,
             value: fieldValue
         });
 
@@ -447,7 +449,7 @@ class GridView extends Component {
         }
 
         cellConfig = {
-            'aria-colindex': index + 1, // 1 based
+            'aria-colindex': columnIndex + 1, // 1 based
             id             : cellId,
             cls            : cellCls,
             role           : 'gridcell',
@@ -511,10 +513,7 @@ class GridView extends Component {
 
         if (selectedRows?.includes(id)) {
             trCls.push('neo-selected');
-
-            gridContainer.fire('select', {
-                record
-            })
+            gridContainer.fire('select', {record})
         }
 
         gridRow = {
@@ -535,7 +534,7 @@ class GridView extends Component {
 
         for (i=startIndex; i <= endIndex; i++) {
             column = columns[i];
-            config = me.applyRendererOutput({column, gridContainer, index: rowIndex, record});
+            config = me.applyRendererOutput({column, columnIndex: i, gridContainer, record, rowIndex});
 
             if (column.dock) {
                 config.cls = ['neo-locked', ...config.cls || []]
@@ -817,17 +816,16 @@ class GridView extends Component {
      * @param {Object} opts.record
      */
     onStoreRecordChange({fields, record}) {
-        let me               = this,
-            fieldNames       = fields.map(field => field.name),
-            needsUpdate      = false,
-            {gridContainer}  = me,
-            {selectionModel} = gridContainer.view,
-            {vdom}           = me,
-            cellId, cellNode, cellStyle, cellVdom, column, index;
+        let me                     = this,
+            fieldNames             = fields.map(field => field.name),
+            needsUpdate            = false,
+            {gridContainer}        = me,
+            rowIndex               = me.store.indexOf(record),
+            {selectionModel, vdom} = me,
+            cellId, cellNode, cellStyle, cellVdom, column, columnIndex;
 
         if (fieldNames.includes(me.colspanField)) {
-            index = me.store.indexOf(record);
-            me.vdom.cn[index] = me.createRow({record, rowIndex: index});
+            me.vdom.cn[rowIndex] = me.createRow({record, rowIndex});
             me.update()
         } else {
             fields.forEach(field => {
@@ -843,8 +841,8 @@ class GridView extends Component {
                     if (cellNode?.vdom) {
                         cellStyle   = cellNode.vdom.style;
                         column      = me.getColumn(field.name);
-                        index       = cellNode.index;
-                        cellVdom    = me.applyRendererOutput({cellId, column, gridContainer, index, record});
+                        columnIndex = cellNode.index;
+                        cellVdom    = me.applyRendererOutput({cellId, column, columnIndex, gridContainer, record, rowIndex});
                         needsUpdate = true;
 
                         // The cell-positioning logic happens outside applyRendererOutput()
@@ -854,7 +852,7 @@ class GridView extends Component {
                             width: cellStyle.width
                         });
 
-                        cellNode.parentNode.cn[index] = cellVdom
+                        cellNode.parentNode.cn[columnIndex] = cellVdom
                     }
                 }
             })

package/src/grid/header/Button.mjs

@@ -228,13 +228,14 @@ class Button extends BaseButton {
     }
 
     /**
-     * @param {Object} data
-     * @param {Neo.button.Base} data.column
-     * @param {String} data.dataField
+     * @param {Object}             data
+     * @param {Neo.button.Base}    data.column
+     * @param {Number}             data.columnIndex
+     * @param {String}             data.dataField
      * @param {Neo.grid.Container} data.gridContainer
-     * @param {Number} data.index
-     * @param {Object} data.record
-     * @param {Number|String} data.value
+     * @param {Object}             data.record
+     * @param {Number}             data.rowIndex
+     * @param {Number|String}      data.value
      * @returns {*}
      */
     cellRenderer(data) {

package/src/main/DomAccess.mjs

@@ -576,7 +576,7 @@ class DomAccess extends Base {
      * Include a script into the document.head
      * You can add more attributes if needed. See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script
      * @param {String} src
-     * @param {Object} opts=defer:true}
+     * @param {Object} opts={defer:true}
      * @param {Boolean} [opts.async]
      * @param {Boolean} [opts.defer]
      * @returns {Promise<unknown>}

package/src/main/addon/AmCharts.mjs

@@ -28,15 +28,15 @@ class AmCharts extends Base {
          */
         dataMap: {},
         /**
-         * @member {String} downloadPath='https//www.amcharts.com/lib/4/'
+         * @member {String} downloadPath='https//cdn.amcharts.com/lib/4/'
          * @protected
          */
-        downloadPath: 'https://www.amcharts.com/lib/4/',
+        downloadPath: 'https://cdn.amcharts.com/lib/4/',
         /**
-         * @member {String} fallbackPath='https://neomjs.github.io/pages/resources_pub/amCharts/'
+         * @member {String} fallbackPath='https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/amCharts'
          * @protected
          */
-        fallbackPath: 'https://neomjs.github.io/pages/resources_pub/amCharts/',
+        fallbackPath: 'https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/amCharts/',
         /**
          * Remote method access for other workers
          * @member {Object} remote
@@ -51,7 +51,13 @@ class AmCharts extends Base {
                 'setProperty',
                 'updateData'
             ]
-        }
+        },
+        /**
+         * Enforce using the fallbackPath
+         * @member {Boolean} useFallbackPath=false
+         * @protected
+         */
+        useFallbackPath: false
     }
 
     /**
@@ -187,8 +193,19 @@ class AmCharts extends Base {
      * @param {Boolean} useFallback=false
      */
     loadFiles(useFallback=false) {
-        let me       = this,
-            basePath = useFallback ? me.fallbackPath : me.downloadPath;
+        let me              = this,
+            useFallbackPath = me.useFallbackPath || useFallback,
+            basePath;
+
+        if (useFallbackPath && Neo.config.isGitHubPages) {
+            basePath = '../../../../resources_pub/amCharts/';
+
+            if (Neo.config.environment !== 'development') {
+                basePath = `../../${basePath}`
+            }
+        } else {
+            basePath = useFallbackPath ? me.fallbackPath : me.downloadPath
+        }
 
         me.isLoading = true;
 
@@ -203,8 +220,10 @@ class AmCharts extends Base {
                 me.isReady   = true
             })
         }).catch(e => {
-            console.log('Download from amcharts.com failed, switching to fallback', e);
-            me.loadFiles(true)
+            if (!useFallback && !me.useFallbackPath) {
+                console.log('Download from amcharts.com failed, switching to fallback', e);
+                me.loadFiles(true)
+            }
         })
     }
 

package/src/main/mixin/DeltaUpdates.mjs

@@ -115,18 +115,24 @@ class DeltaUpdates extends Base {
      * @param {String} delta.index
      * @param {String} delta.parentId
      */
-    du_moveNode(delta) {
-        let {index}    = delta,
-            node       = this.getElement(delta.id),
-            parentNode = this.getElement(delta.parentId);
+    du_moveNode({id, index, parentId}) {
+        let node       = this.getElement(id),
+            parentNode = this.getElement(parentId),
+            currentNode;
 
         if (node && parentNode) {
             if (index >= parentNode.children.length) {
                 parentNode.appendChild(node)
             } else {
-                //index++; // todo?: increase the index in case same parent, oldIndex < newIndex, direct swap
-                if (node && parentNode.children[index].id !== delta.id) {
-                    parentNode.insertBefore(node, parentNode.children[index])
+                currentNode = parentNode.children[index];
+
+                if (node && currentNode.id !== id) {
+                    // Check for a direct swap OP
+                    if (node === currentNode.nextElementSibling) {
+                        node.replaceWith(currentNode)
+                    }
+
+                    parentNode.insertBefore(node, currentNode)
                 }
             }
         }

package/src/selection/grid/RowModel.mjs

@@ -1,5 +1,4 @@
 import BaseModel from './BaseModel.mjs';
-import VDomUtil  from '../../util/VDom.mjs';
 
 /**
  * @class Neo.selection.grid.RowModel
@@ -44,6 +43,14 @@ class RowModel extends BaseModel {
         super.destroy(...args)
     }
 
+    /**
+     * @param {Record} record
+     * @returns {Boolean}
+     */
+    hasAnnotations(record) {
+        return !!Object.getOwnPropertyDescriptor(record.__proto__, this.view.selectedRecordField)
+    }
+
     /**
      * @param {Object} data
      */
@@ -65,28 +72,31 @@ class RowModel extends BaseModel {
         let me           = this,
             {view}       = me,
             {store}      = view,
+            countRecords = store.getCount(),
             currentIndex = 0,
-            newIndex, newRecord, rowId;
+            newIndex, record, rowId;
 
         if (me.hasSelection()) {
             currentIndex = store.indexOf(view.getRecordByRowId(me.items[0]))
         }
 
-        newIndex = (currentIndex + step) % store.getCount();
+        newIndex = (currentIndex + step) % countRecords;
 
         while (newIndex < 0) {
-            newIndex += store.getCount()
+            newIndex += countRecords
         }
 
-        newRecord = store.getAt(newIndex);
-        rowId     = view.getRowId(newRecord);
+        record = store.getAt(newIndex);
 
-        if (rowId) {
-            me.select(rowId);
+        if (me.hasAnnotations(record)) {
+            me.updateAnnotations(record)
+        } else {
+            rowId = view.getRowId(record);
 
-            view.fire('select', {
-                record: store.getAt(newIndex)
-            })
+            if (rowId) {
+                me.select(rowId);
+                view.fire('select', {record})
+            }
         }
     }
 
@@ -100,16 +110,19 @@ class RowModel extends BaseModel {
             isSelected, record;
 
         if (id) {
-            me.toggleSelection(id);
+            record = view.getRecord(id);
+
+            if (me.hasAnnotations(record)) {
+                me.updateAnnotations(record)
+            } else {
+                me.toggleSelection(id);
 
-            isSelected = me.isSelected(id);
-            record     = view.getRecord(id);
+                isSelected = me.isSelected(id);
 
-            !isSelected && view.onDeselect?.(record);
+                !isSelected && view.onDeselect?.(record);
 
-            view.fire(isSelected ? 'select' : 'deselect', {
-                record
-            })
+                view.fire(isSelected ? 'select' : 'deselect', {record})
+            }
         }
     }
 
@@ -140,6 +153,32 @@ class RowModel extends BaseModel {
 
         super.unregister()
     }
+
+    /**
+     * @param {Record} record
+     */
+    updateAnnotations(record) {
+        let me               = this,
+            {view}           = me,
+            rowId            = view.getRowId(record),
+            isSelected       = me.isSelected(rowId),
+            annotationsField = view.selectedRecordField;
+
+        if (me.singleSelect) {
+            if (isSelected) {
+                record[annotationsField] = false
+            } else {
+                me.items.forEach(rowId => {
+                    // We can use setSilent(), since the last change will trigger a view update
+                    view.getRecordByRowId(rowId).setSilent({[annotationsField]: false})
+                });
+
+                record[annotationsField] = true
+            }
+        } else {
+            record[annotationsField] = !record[annotationsField]
+        }
+    }
 }
 
 export default Neo.setupClass(RowModel);

package/src/selection/table/RowModel.mjs

@@ -23,6 +23,14 @@ class RowModel extends BaseModel {
         cls: 'neo-selection-rowmodel'
     }
 
+    /**
+     * @param {Record} record
+     * @returns {Boolean}
+     */
+    hasAnnotations(record) {
+        return !!Object.getOwnPropertyDescriptor(record.__proto__, this.view.selectedRecordField)
+    }
+
     /**
      *
      */
@@ -64,28 +72,31 @@ class RowModel extends BaseModel {
         let me           = this,
             {view}       = me,
             {store}      = view,
+            countRecords = store.getCount(),
             currentIndex = 0,
-            newIndex, newRecord, rowId;
+            newIndex, record, rowId;
 
         if (me.hasSelection()) {
             currentIndex = store.indexOf(view.getRecordByRowId(me.items[0]))
         }
 
-        newIndex = (currentIndex + step) % store.getCount();
+        newIndex = (currentIndex + step) % countRecords;
 
         while (newIndex < 0) {
-            newIndex += store.getCount()
+            newIndex += countRecords
         }
 
-        newRecord = store.getAt(newIndex);
-        rowId     = view.getRowId(newRecord);
+        record = store.getAt(newIndex);
 
-        if (rowId) {
-            me.select(rowId);
+        if (me.hasAnnotations(record)) {
+            me.updateAnnotations(record)
+        } else {
+            rowId = view.getRowId(record);
 
-            view.fire('select', {
-                record: store.getAt(newIndex)
-            })
+            if (rowId) {
+                me.select(rowId);
+                view.fire('select', {record})
+            }
         }
     }
 
@@ -99,16 +110,19 @@ class RowModel extends BaseModel {
             isSelected, record;
 
         if (id) {
-            me.toggleSelection(id);
+            record = view.getRecord(id);
+
+            if (me.hasAnnotations(record)) {
+                me.updateAnnotations(record)
+            } else {
+                me.toggleSelection(id);
 
-            isSelected = me.isSelected(id);
-            record     = view.getRecord(id);
+                isSelected = me.isSelected(id);
 
-            !isSelected && view.onDeselect?.(record);
+                !isSelected && view.onDeselect?.(record);
 
-            view.fire(isSelected ? 'select' : 'deselect', {
-                record
-            })
+                view.fire(isSelected ? 'select' : 'deselect', {record})
+            }
         }
     }
 
@@ -139,6 +153,32 @@ class RowModel extends BaseModel {
 
         super.unregister()
     }
+
+    /**
+     * @param {Record} record
+     */
+    updateAnnotations(record) {
+        let me               = this,
+            {view}           = me,
+            rowId            = view.getRowId(record),
+            isSelected       = me.isSelected(rowId),
+            annotationsField = view.selectedRecordField;
+
+        if (me.singleSelect) {
+            if (isSelected) {
+                record[annotationsField] = false
+            } else {
+                me.items.forEach(rowId => {
+                    // We can use setSilent(), since the last change will trigger a view update
+                    view.getRecordByRowId(rowId).setSilent({[annotationsField]: false})
+                });
+
+                record[annotationsField] = true
+            }
+        } else {
+            record[annotationsField] = !record[annotationsField]
+        }
+    }
 }
 
 export default Neo.setupClass(RowModel);

package/src/table/View.mjs

@@ -116,13 +116,14 @@ class View extends Component {
      * @param {Object} data
      * @param {String} [data.cellId]
      * @param {Object} data.column
+     * @param {Number} data.columnIndex
      * @param {Object} data.record
-     * @param {Number} data.index
+     * @param {Number} data.rowIndex
      * @param {Neo.table.Container} data.tableContainer
      * @returns {Object}
      */
     applyRendererOutput(data) {
-        let {cellId, column, record, index, tableContainer} = data,
+        let {cellId, column, columnIndex, record, rowIndex, tableContainer} = data,
             me          = this,
             cellCls     = ['neo-table-cell'],
             colspan     = record[me.colspanField],
@@ -138,9 +139,10 @@ class View extends Component {
 
         rendererOutput = column.renderer.call(column.rendererScope || tableContainer, {
             column,
+            columnIndex,
             dataField,
-            index,
             record,
+            rowIndex,
             tableContainer,
             value: fieldValue
         });
@@ -184,7 +186,7 @@ class View extends Component {
             if (hasStore) {
                 cellId = me.getCellId(record, column.dataField)
             } else {
-                cellId = vdom.cn[index]?.cn[me.getColumn(column.dataField, true)]?.id || Neo.getId('td')
+                cellId = vdom.cn[rowIndex]?.cn[me.getColumn(column.dataField, true)]?.id || Neo.getId('td')
             }
         }
 
@@ -267,7 +269,7 @@ class View extends Component {
 
         for (i=0; i < colCount; i++) {
             column = columns[i];
-            config = me.applyRendererOutput({column, record, index: rowIndex, tableContainer});
+            config = me.applyRendererOutput({column, columnIndex: i, record, rowIndex, tableContainer});
 
             if (column.dock) {
                 config.cls = ['neo-locked', ...config.cls || []];
@@ -522,17 +524,16 @@ class View extends Component {
      * @param {Object} opts.record
      */
     onStoreRecordChange({fields, model, record}) {
-        let me               = this,
-            fieldNames       = fields.map(field => field.name),
-            needsUpdate      = false,
-            tableContainer   = me.parent,
-            {selectionModel} = tableContainer,
-            {vdom}           = me,
-            cellId, cellNode, column, index, scope;
+        let me                     = this,
+            fieldNames             = fields.map(field => field.name),
+            needsUpdate            = false,
+            tableContainer         = me.parent,
+            rowIndex               = me.store.indexOf(record),
+            {selectionModel, vdom} = me,
+            cellId, cellNode, cellVdom, column, columnIndex, scope;
 
         if (fieldNames.includes(me.colspanField)) {
-            index = me.store.indexOf(record);
-            me.vdom.cn[index] = me.createRow({record, rowIndex: index});
+            me.vdom.cn[rowIndex] = me.createRow({record, rowIndex});
             me.update()
         } else {
             fields.forEach(field => {
@@ -547,11 +548,12 @@ class View extends Component {
                     // the vdom might not exist yet => nothing to do in this case
                     if (cellNode?.vdom) {
                         column      = me.getColumn(field.name);
-                        index       = cellNode.index;
+                        columnIndex = cellNode.index;
                         needsUpdate = true;
                         scope       = column.rendererScope || tableContainer;
+                        cellVdom    = me.applyRendererOutput({cellId, column, columnIndex, record, rowIndex, tableContainer});
 
-                        cellNode.parentNode.cn[index] = me.applyRendererOutput({cellId, column, record, index, tableContainer})
+                        cellNode.parentNode.cn[columnIndex] = cellVdom
                     }
                 }
             })

package/src/table/header/Button.mjs

@@ -242,13 +242,14 @@ class Button extends BaseButton {
     }
 
     /**
-     * @param {Object} data
-     * @param {Neo.button.Base} data.column
-     * @param {String} data.dataField
-     * @param {Number} data.index
-     * @param {Object} data.record
+     * @param {Object}              data
+     * @param {Neo.button.Base}     data.column
+     * @param {Number}              data.columnIndex
+     * @param {String}              data.dataField
+     * @param {Object}              data.record
+     * @param {Number}              data.rowIndex
      * @param {Neo.table.Container} data.tableContainer
-     * @param {Number|String} data.value
+     * @param {Number|String}       data.value
      * @returns {*}
      */
     cellRenderer(data) {