neo.mjs 6.16.0 → 6.16.2

package/buildScripts/webpack/json/myApps.template.json

@@ -1,6 +1,5 @@
 {
     "apps": [
-        "Colors",
         "Covid",
         "Docs",
         "Form",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "6.16.0",
+    "version": "6.16.2",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -47,23 +47,23 @@
         "autoprefixer": "^10.4.19",
         "chalk": "^5.3.0",
         "clean-webpack-plugin": "^4.0.0",
-        "commander": "^12.0.0",
-        "cssnano": "^6.1.2",
-        "envinfo": "^7.12.0",
+        "commander": "^12.1.0",
+        "cssnano": "^7.0.2",
+        "envinfo": "^7.13.0",
         "fs-extra": "^11.2.0",
         "highlightjs-line-numbers.js": "^2.8.0",
-        "inquirer": "^9.2.19",
+        "inquirer": "^9.2.23",
         "marked": "^12.0.2",
-        "monaco-editor": "^0.47.0",
+        "monaco-editor": "^0.49.0",
         "neo-jsdoc": "1.0.1",
         "neo-jsdoc-x": "1.0.5",
         "postcss": "^8.4.38",
-        "sass": "^1.75.0",
+        "sass": "^1.77.4",
         "siesta-lite": "5.5.2",
         "url": "^0.11.3",
         "webpack": "^5.91.0",
         "webpack-cli": "^5.1.4",
-        "webpack-dev-server": "^4.15.2",
+        "webpack-dev-server": "^5.0.4",
         "webpack-hook-plugin": "^1.0.7",
         "webpack-node-externals": "^3.0.0"
     },

package/src/model/Component.mjs

@@ -564,7 +564,7 @@ class Component extends Base {
             Object.entries(binding).forEach(([componentId, configObject]) => {
                 component = Neo.getComponent(componentId) || Neo.get(componentId); // timing issue: the cmp might not be registered inside manager.Component yet
                 config    = {};
-                model     = component.getModel();
+                model     = component.getModel() || me;
 
                 if (!hierarchyData[model.id]) {
                     hierarchyData[model.id] = model.getHierarchyData()

package/src/table/Container.mjs

@@ -161,6 +161,26 @@ class Container extends BaseContainer {
         me.createColumns(me.columns)
     }
 
+    /**
+     * Triggered after the columns config got changed
+     * @param {Object[]|null} value
+     * @param {Object[]|null} oldValue
+     * @protected
+     */
+    afterSetColumns(value, oldValue) {
+        if (Array.isArray(oldValue) && oldValue.length > 0) {
+            let me            = this,
+                headerToolbar = me.headerToolbar;
+
+            if (headerToolbar) {
+                headerToolbar.items = value;
+                headerToolbar.createItems()
+            }
+
+            me.view?.createViewData(me.store.items)
+        }
+    }
+
     /**
      * Triggered after the selectionModel config got changed
      * @param {Neo.selection.Model} value
@@ -312,6 +332,28 @@ class Container extends BaseContainer {
         return value || oldValue
     }
 
+    /**
+     * In case you want to update multiple existing records in parallel,
+     * using this method is faster than updating each record one by one.
+     * At least until we introduce row based vdom updates.
+     * @param {Object[]} records
+     */
+    bulkUpdateRecords(records) {
+        let {view} = this;
+
+        if (view) {
+            view.silentVdomUpdate = true;
+
+            this.store.items.forEach((record, index) => {
+                record.set(records[index])
+            });
+
+            view.silentVdomUpdate = false;
+
+            view.update()
+        }
+    }
+
     /**
      * @param {Object[]} columns
      * @returns {*}

package/apps/colors/app.mjs

@@ -1,6 +0,0 @@
-import Viewport from './view/Viewport.mjs';
-
-export const onStart = () => Neo.app({
-    mainView: Viewport,
-    name    : 'Colors'
-});

package/apps/colors/childapps/widget/app.mjs

@@ -1,7 +0,0 @@
-import Viewport from './view/Viewport.mjs';
-
-export const onStart = () => Neo.app({
-    appThemeFolder: 'colors',
-    mainView      : Viewport,
-    name          : 'Widget'
-});

package/apps/colors/childapps/widget/index.html

@@ -1,11 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-<head>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta charset="UTF-8">
-    <title>Dashboard Widget</title>
-</head>
-<body>
-    <script src="../../../../src/MicroLoader.mjs" type="module"></script>
-</body>
-</html>

package/apps/colors/childapps/widget/neo-config.json

@@ -1,10 +0,0 @@
-{
-    "appPath"             : "apps/colors/childapps/widget/app.mjs",
-    "basePath"            : "../../../../",
-    "environment"         : "development",
-    "loadApplicationDelay": 100,
-    "mainPath"            : "./Main.mjs",
-    "mainThreadAddons"    : ["AmCharts", "DragDrop", "Navigator", "Stylesheet"],
-    "themes"              : ["neo-theme-dark"],
-    "useSharedWorkers"    : true
-}

package/apps/colors/childapps/widget/view/Viewport.mjs

@@ -1,19 +0,0 @@
-import BaseViewport from '../../../../../src/container/Viewport.mjs';
-
-/**
- * @class Colors.view.Viewport
- * @extends Neo.container.Viewport
- */
-class Viewport extends BaseViewport {
-    static config = {
-        /**
-         * @member {String} className='Widget.view.Viewport'
-         * @protected
-         */
-        className: 'SharedDialog2.view.Viewport'
-    }
-}
-
-Neo.setupClass(Viewport);
-
-export default Viewport;

package/apps/colors/index.html

@@ -1,11 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-<head>
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta charset="UTF-8">
-    <title>Colors</title>
-</head>
-<body>
-    <script src="../../src/MicroLoader.mjs" type="module"></script>
-</body>
-</html>

package/apps/colors/model/Color.mjs

@@ -1,59 +0,0 @@
-import Model from '../../../src/data/Model.mjs';
-
-/**
- * @class Colors.model.Color
- * @extends Neo.data.Model
- */
-class Color extends Model {
-    static config = {
-        /**
-         * @member {String} className='Colors.model.Color'
-         * @protected
-         */
-        className: 'Colors.model.Color',
-        /**
-         * @member {Object[]} fields
-         */
-        fields: [{
-            name: 'id',
-            type: 'String'
-        }, {
-            name: 'index',
-            type: 'Integer'
-        }, {
-            name: 'columnA',
-            type: 'String'
-        }, {
-            name: 'columnB',
-            type: 'String'
-        }, {
-            name: 'columnC',
-            type: 'String'
-        }, {
-            name: 'columnD',
-            type: 'String'
-        }, {
-            name: 'columnE',
-            type: 'String'
-        }, {
-            name: 'columnF',
-            type: 'String'
-        }, {
-            name: 'columnG',
-            type: 'String'
-        }, {
-            name: 'columnH',
-            type: 'String'
-        }, {
-            name: 'columnI',
-            type: 'String'
-        }, {
-            name: 'columnJ',
-            type: 'String'
-        }]
-    }
-}
-
-Neo.setupClass(Color);
-
-export default Color;

package/apps/colors/neo-config.json

@@ -1,9 +0,0 @@
-{
-    "appPath"         : "apps/colors/app.mjs",
-    "basePath"        : "../../",
-    "environment"     : "development",
-    "mainPath"        : "./Main.mjs",
-    "mainThreadAddons": ["AmCharts", "DragDrop", "Navigator", "Stylesheet"],
-    "themes"          : ["neo-theme-dark"],
-    "useSharedWorkers": true
-}

package/apps/colors/store/Colors.mjs

@@ -1,24 +0,0 @@
-import ColorModel from '../model/Color.mjs';
-import Store      from '../../../src/data/Store.mjs';
-
-/**
- * @class Colors.store.Colors
- * @extends Neo.data.Store
- */
-class Colors extends Store {
-    static config = {
-        /**
-         * @member {String} className='Colors.store.Colors'
-         * @protected
-         */
-        className: 'Colors.store.Colors',
-        /**
-         * @member {Neo.data.Model} model=ColorModel
-         */
-        model: ColorModel
-    }
-}
-
-Neo.setupClass(Colors);
-
-export default Colors;

package/apps/colors/view/BarChartComponent.mjs

@@ -1,67 +0,0 @@
-import AmChartComponent from '../../../src/component/wrapper/AmChart.mjs';
-
-/**
- * @class Colors.view.BarChartComponent
- * @extends Neo.component.wrapper.AmChart
- */
-class BarChartComponent extends AmChartComponent {
-    static config = {
-        /**
-         * @member {String} className='Colors.view.BarChartComponent'
-         * @protected
-         */
-        className: 'Colors.view.BarChartComponent',
-        /**
-         * @member {String[]} baseCls=['colors-bar-chart']
-         */
-        baseCls: ['colors-bar-chart'],
-        /**
-         * @member {String} chartType='PieChart'
-         */
-        chartType: 'XYChart',
-        /**
-         * @member {Object} _vdom
-         */
-        /**
-         * @member {Object} chartConfig
-         */
-        chartConfig: {
-            series: [{
-                type: 'ColumnSeries',
-
-                columns: {
-                    propertyFields: {
-                        fill  : 'color',
-                        stroke: 'color'
-                    }
-                },
-
-                dataFields: {
-                    categoryX: 'color',
-                    valueY   : 'count'
-                }
-            }],
-            xAxes: [{
-                type: 'CategoryAxis',
-
-                dataFields: {
-                    category: 'color',
-                    title: {
-                        text: 'Colors'
-                    }
-                }
-            }],
-            yAxes: [{
-                type: 'ValueAxis',
-
-                title: {
-                    text: 'Occurrences in table cells'
-                }
-            }]
-        }
-    }
-}
-
-Neo.setupClass(BarChartComponent);
-
-export default BarChartComponent;

package/apps/colors/view/PieChartComponent.mjs

@@ -1,53 +0,0 @@
-import AmChartComponent from '../../../src/component/wrapper/AmChart.mjs';
-
-/**
- * @class Colors.view.PieChartComponent
- * @extends Neo.component.wrapper.AmChart
- */
-class PieChartComponent extends AmChartComponent {
-    static config = {
-        /**
-         * @member {String} className='Colors.view.PieChartComponent'
-         * @protected
-         */
-        className: 'Colors.view.PieChartComponent',
-        /**
-         * @member {String[]} baseCls=['colors-pie-chart']
-         */
-        baseCls: ['colors-pie-chart'],
-        /**
-         * @member {String} chartType='PieChart'
-         */
-        chartType: 'PieChart',
-        /**
-         * @member {Object} _vdom
-         */
-        /**
-         * @member {Object} chartConfig
-         */
-        chartConfig: {
-            series: [{
-                type: 'PieSeries',
-
-                colors: {
-                    list: [
-                        '#247acb',
-                        '#4493de',
-                        '#6face6',
-                        '#9bc5ed',
-                        '#c6def5'
-                    ]
-                },
-
-                dataFields: {
-                    category: 'color',
-                    value   : 'count'
-                }
-            }]
-        }
-    }
-}
-
-Neo.setupClass(PieChartComponent);
-
-export default PieChartComponent;

package/apps/colors/view/TableContainer.mjs

@@ -1,73 +0,0 @@
-import Container from '../../../src/table/Container.mjs';
-
-/**
- * @class Colors.view.TableContainer
- * @extends Neo.table.Container
- */
-class TableContainer extends Container {
-    static config = {
-        /**
-         * @member {String} className='Colors.view.TableContainer'
-         * @protected
-         */
-        className: 'Colors.view.TableContainer',
-        /**
-         * @member {String[]} cls=['colors-table-container']
-         */
-        cls: ['colors-table-container'],
-        /**
-         * @member {Object} columnDefaults
-         */
-        columnDefaults: {
-            renderer(data) {
-                return {cls: ['color-' + data.value], html: ' '}
-            }
-        },
-        /**
-         * @member {Object[]} columns
-         */
-        columns: [{
-            cls      : ['neo-index-column', 'neo-table-header-button'],
-            dataField: 'index',
-            dock     : 'left',
-            minWidth : 40,
-            text     : '#',
-            renderer : data => ({cls : ['neo-index-column', 'neo-table-cell'], html: data.index + 1}),
-            width    : 40
-        }, {
-            dataField: 'columnA',
-            text     : 'A'
-        }, {
-            dataField: 'columnB',
-            text     : 'B'
-        }, {
-            dataField: 'columnC',
-            text     : 'C'
-        }, {
-            dataField: 'columnD',
-            text     : 'D'
-        }, {
-            dataField: 'columnE',
-            text     : 'E'
-        }, {
-            dataField: 'columnF',
-            text     : 'F'
-        }, {
-            dataField: 'columnG',
-            text     : 'G'
-        }, {
-            dataField: 'columnH',
-            text     : 'H'
-        }, {
-            dataField: 'columnI',
-            text     : 'I'
-        }, {
-            dataField: 'columnJ',
-            text     : 'J'
-        }]
-    }
-}
-
-Neo.setupClass(TableContainer);
-
-export default TableContainer;

package/apps/colors/view/Viewport.mjs

@@ -1,83 +0,0 @@
-import BaseViewport       from '../../../src/container/Viewport.mjs';
-import BarChartComponent  from './BarChartComponent.mjs';
-import PieChartComponent  from './PieChartComponent.mjs';
-import TableContainer     from './TableContainer.mjs';
-import Toolbar            from '../../../src/toolbar/Base.mjs';
-import ViewportController from './ViewportController.mjs';
-import ViewportModel      from './ViewportModel.mjs';
-
-/**
- * @class Colors.view.Viewport
- * @extends Neo.container.Viewport
- */
-class Viewport extends BaseViewport {
-    static config = {
-        /**
-         * @member {String} className='Colors.view.Viewport'
-         * @protected
-         */
-        className: 'Colors.view.Viewport',
-        /**
-         * @member {String[]} cls=['colors-viewport']
-         */
-        cls: ['colors-viewport'],
-        /**
-         * @member {Neo.controller.Component} controller=ViewportController
-         */
-        controller: ViewportController,
-        /**
-         * @member {Object} layout
-         */
-        layout: {ntype: 'vbox', align: 'stretch'},
-        /**
-         * @member {Object[]} items
-         */
-        items: [{
-            module: Toolbar,
-            cls   : ['portal-header-toolbar'],
-            flex  : 'none',
-
-            items: [{
-                handler: 'onStartButtonClick',
-                text   : 'Start'
-            }, {
-                handler: 'onStopButtonClick',
-                text   : 'Stop'
-            }, '->', {
-                handler  : 'onDetachTableButtonClick',
-                iconCls  : 'far fa-window-maximize',
-                reference: 'detach-table-button',
-                text     : 'Table'
-            }, {
-                handler  : 'onDetachPieChartButtonClick',
-                iconCls  : 'far fa-window-maximize',
-                reference: 'detach-pie-chart-button',
-                text     : 'Pie Chart'
-            }, {
-                handler  : 'onDetachBarChartButtonClick',
-                iconCls  : 'far fa-window-maximize',
-                reference: 'detach-bar-chart-button',
-                text     : 'Bar Chart'
-            }]
-        }, {
-            module   : TableContainer,
-            bind     : {store: 'stores.colors'},
-            height   : 300,
-            reference: 'table'
-        }, {
-            module   : PieChartComponent,
-            reference: 'pie-chart'
-        }, {
-            module   : BarChartComponent,
-            reference: 'bar-chart'
-        }],
-        /**
-         * @member {Neo.model.Component} model=ViewportModel
-         */
-        model: ViewportModel
-    }
-}
-
-Neo.setupClass(Viewport);
-
-export default Viewport;

package/apps/colors/view/ViewportController.mjs

@@ -1,268 +0,0 @@
-import Component from '../../../src/controller/Component.mjs';
-
-/**
- * @class Colors.view.ViewportController
- * @extends Neo.controller.Component
- */
-class ViewportController extends Component {
-    static config = {
-        /**
-         * @member {String} className='Colors.view.ViewportController'
-         * @protected
-         */
-        className: 'Colors.view.ViewportController'
-    }
-
-    /**
-     * @member {String[]} connectedApps=[]
-     */
-    connectedApps = []
-    /**
-     * @member {Number|null} intervalId
-     */
-    intervalId = null
-    /**
-     * @member {Object} widgetIndexMap
-     */
-    widgetIndexMap = {
-        'bar-chart': 3,
-        'pie-chart': 2,
-        table      : 1
-    }
-
-    /**
-     * @param {String} name The name of the reference
-     */
-    async createPopupWindow(name) {
-        let me                         = this,
-            widget                     = me.getReference(name),
-            winData                    = await Neo.Main.getWindowData(),
-            rect                       = await me.component.getDomRect(widget.vdom.id), // using the vdom id to always get the top-level node
-            {height, left, top, width} = rect;
-
-        height -= 50; // popup header in Chrome
-        left   += winData.screenLeft;
-        top    += (winData.outerHeight - winData.innerHeight + winData.screenTop);
-
-        Neo.Main.windowOpen({
-            url           : `./childapps/widget/index.html?name=${name}`,
-            windowFeatures: `height=${height},left=${left},top=${top},width=${width}`,
-            windowName    : name
-        })
-    }
-
-    /**
-     * @returns {Object[]}
-     */
-    generateData() {
-        let me   = this,
-            data = [],
-            i    = 0,
-            len  = 20;
-
-        for (; i < len; i++) {
-            data.push({
-                id     : `row${i + 1}`,
-                columnA: me.getRandomInteger(),
-                columnB: me.getRandomInteger(),
-                columnC: me.getRandomInteger(),
-                columnD: me.getRandomInteger(),
-                columnE: me.getRandomInteger(),
-                columnF: me.getRandomInteger(),
-                columnG: me.getRandomInteger(),
-                columnH: me.getRandomInteger(),
-                columnI: me.getRandomInteger(),
-                columnJ: me.getRandomInteger()
-            })
-        }
-
-        return data
-    }
-
-    /**
-     * @returns {Number}
-     */
-    getRandomInteger() {
-        return Math.floor(Math.random() * 5) + 1
-    }
-
-    /**
-     * @param {Object} data
-     * @param {String} data.appName
-     * @param {Number} data.windowId
-     */
-    async onAppConnect(data) {
-        if (data.appName !== 'Colors') {
-            let me           = this,
-                app          = Neo.apps[data.appName],
-                mainView     = app.mainView,
-                {windowId}   = data,
-                url          = await Neo.Main.getByPath({path: 'document.URL', windowId}),
-                widgetName   = new URL(url).searchParams.get('name'),
-                widget       = me.getReference(widgetName),
-                widgetParent = widget.up();
-
-            me.connectedApps.push(widgetName);
-
-            widgetParent.remove(widget, false);
-            mainView.add(widget)
-        }
-    }
-
-    /**
-     * @param {Object} data
-     * @param {String} data.appName
-     * @param {Number} data.windowId
-     */
-    async onAppDisconnect(data) {
-        let me                  = this,
-            {appName, windowId} = data,
-            url                 = await Neo.Main.getByPath({path: 'document.URL', windowId}),
-            widgetName          = new URL(url).searchParams.get('name'),
-            widget              = me.getReference(widgetName),
-            widgetParent        = widget.up();
-
-        // Closing a code preview window needs to drop the preview back into the related main app
-        if (appName !== 'Colors') {
-            widgetParent.remove(widget, false);
-            me.component.insert(me.widgetIndexMap[widgetName], widget);
-
-            me.getReference(`detach-${widgetName}-button`).disabled = false
-        }
-        // Close popup windows when closing or reloading the main window
-        else {
-            Neo.Main.windowClose({names: me.connectedApps, windowId})
-        }
-    }
-
-    /**
-     *
-     */
-    onConstructed() {
-        super.onConstructed();
-
-        let me = this;
-
-        Neo.currentWorker.on({
-            connect   : me.onAppConnect,
-            disconnect: me.onAppDisconnect,
-            scope     : me
-        })
-    }
-
-    /**
-     *
-     */
-    onComponentConstructed() {
-        super.onComponentConstructed();
-
-        let me   = this,
-            data = me.generateData();
-
-        me.getStore('colors').data = data;
-        me.updateCharts(data)
-    }
-
-    /**
-     * @param {Object} data
-     */
-    async onDetachBarChartButtonClick(data) {
-        data.component.disabled = true;
-        await this.createPopupWindow('bar-chart')
-    }
-
-    /**
-     * @param {Object} data
-     */
-    async onDetachPieChartButtonClick(data) {
-        data.component.disabled = true;
-        await this.createPopupWindow('pie-chart')
-    }
-
-    /**
-     * @param {Object} data
-     */
-    async onDetachTableButtonClick(data) {
-        data.component.disabled = true;
-        await this.createPopupWindow('table')
-    }
-
-    /**
-     * @param {Object} data
-     */
-    onStopButtonClick(data) {
-        let me = this;
-
-        if (me.intervalId) {
-            clearInterval(me.intervalId);
-            me.intervalId = null
-        }
-    }
-
-    /**
-     * @param {Object} data
-     */
-    onStartButtonClick(data) {
-        let me           = this,
-            intervalTime = 1000 / 60, // assuming 60 FPS
-            store        = me.getStore('colors'),
-            table        = me.getReference('table'),
-            tableView    = table.view;
-
-        if (!me.intervalId) {
-            me.intervalId = setInterval(() => {
-                let data = me.generateData();
-
-                tableView.silentVdomUpdate = true;
-
-                store.items.forEach((record, index) => {
-                    record.set(data[index])
-                });
-
-                tableView.silentVdomUpdate = false;
-
-                tableView.update();
-
-                me.updateCharts(data)
-            }, intervalTime);
-        }
-    }
-
-    /**
-     * @param {Object} data
-     */
-    updateCharts(data) {
-        let startCharCode = 'A'.charCodeAt(0),
-            colorSummary  = {
-                colorA: 0,
-                colorB: 0,
-                colorC: 0,
-                colorD: 0,
-                colorE: 0
-            },
-            chartData;
-
-        data.forEach(item => {
-            Object.entries(item).forEach(([key, value]) => {
-                if (key !== 'id') {
-                    colorSummary['color' + String.fromCharCode(startCharCode + value - 1)]++
-                }
-            })
-        });
-
-        chartData = [
-            {color: '#247acb', count: colorSummary['colorA']},
-            {color: '#4493de', count: colorSummary['colorB']},
-            {color: '#6face6', count: colorSummary['colorC']},
-            {color: '#9bc5ed', count: colorSummary['colorD']},
-            {color: '#c6def5', count: colorSummary['colorE']}
-        ];
-
-        this.getReference('bar-chart').chartData = chartData;
-        this.getReference('pie-chart').chartData = chartData
-    }
-}
-
-Neo.setupClass(ViewportController);
-
-export default ViewportController;

package/apps/colors/view/ViewportModel.mjs

@@ -1,32 +0,0 @@
-import Component   from '../../../src/model/Component.mjs';
-import ColorsStore from '../store/Colors.mjs';
-
-/**
- * @class Colors.view.ViewportModel
- * @extends Neo.model.Component
- */
-class ViewportModel extends Component {
-    static config = {
-        /**
-         * @member {String} className='Colors.view.ViewportModel'
-         * @protected
-         */
-        className: 'Colors.view.ViewportModel',
-        /**
-         * @member {Object} data
-         */
-        data: {},
-        /**
-         * @member {Object} stores
-         */
-        stores: {
-            colors: {
-                module: ColorsStore
-            }
-        }
-    }
-}
-
-Neo.setupClass(ViewportModel);
-
-export default ViewportModel;

package/resources/scss/src/apps/colors/BarChartComponent.scss

@@ -1,3 +0,0 @@
-.colors-bar-chart {
-    border: 1px solid #555;
-}

package/resources/scss/src/apps/colors/PieChartComponent.scss

@@ -1,3 +0,0 @@
-.colors-pie-chart {
-    border: 1px solid #555;
-}

package/resources/scss/src/apps/colors/TableContainer.scss

@@ -1,44 +0,0 @@
-$base-color: #1c60a0;
-
-.colors-table-container.neo-table-container {
-    width: 100%;
-
-    .color-1 {
-        background-color: lighten($base-color, 10%);
-    }
-
-    .color-2 {
-        background-color: lighten($base-color, 20%);
-    }
-
-    .color-3 {
-        background-color: lighten($base-color, 30%);
-    }
-
-    .color-4 {
-        background-color: lighten($base-color, 40%);
-    }
-
-    .color-5 {
-        background-color: lighten($base-color, 50%);
-    }
-
-    .neo-index-column {
-        max-width: 40px;
-        min-width: 40px;
-        width    : 40px;
-    }
-
-    .neo-table-view {
-        .neo-table-row {
-            &:hover .neo-table-cell {
-                background-color: #d0aa72;
-                color           : #2b2b2b;
-            }
-        }
-    }
-
-    td, th {
-        min-width: 10%;
-    }
-}

package/resources/scss/src/apps/colors/Viewport.scss

@@ -1,17 +0,0 @@
-.colors-viewport {
-    padding: 2em;
-
-    > * {
-        &:not(:first-child) {
-            margin-top: 2em;
-        }
-    }
-
-    .portal-header-toolbar {
-        .neo-button {
-            &:not(:first-child) {
-                margin-left: .5em;
-            }
-        }
-    }
-}