neo.mjs 8.0.1 → 8.1.1

package/apps/ServiceWorker.mjs

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

package/apps/portal/index.html

@@ -16,7 +16,7 @@
         "@type": "Organization",
         "name": "Neo.mjs"
       },
-      "datePublished": "2024-12-29",
+      "datePublished": "2025-01-11",
       "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.0.1'
+                html  : 'v8.1.1'
             }]
         }],
         /**

package/examples/ServiceWorker.mjs

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

package/examples/grid/covid/neo-config.json

@@ -1,7 +1,8 @@
 {
-    "appPath"    : "examples/grid/covid/app.mjs",
-    "basePath"   : "../../../",
-    "environment": "development",
-    "mainPath"   : "./Main.mjs",
-    "themes"     : ["neo-theme-dark", "neo-theme-light"]
+    "appPath"         : "examples/grid/covid/app.mjs",
+    "basePath"        : "../../../",
+    "environment"     : "development",
+    "mainPath"        : "./Main.mjs",
+    "mainThreadAddons": ["DragDrop", "Navigator", "ResizeObserver", "Stylesheet"],
+    "themes"          : ["neo-theme-dark", "neo-theme-light"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "8.0.1",
+    "version": "8.1.1",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -49,22 +49,22 @@
         "autoprefixer": "^10.4.20",
         "chalk": "^5.4.1",
         "clean-webpack-plugin": "^4.0.0",
-        "commander": "^12.1.0",
+        "commander": "^13.0.0",
         "cssnano": "^7.0.6",
         "envinfo": "^7.14.0",
         "fs-extra": "^11.2.0",
         "highlightjs-line-numbers.js": "^2.9.0",
         "inquirer": "^12.3.0",
-        "marked": "^15.0.4",
+        "marked": "^15.0.6",
         "monaco-editor": "0.50.0",
         "neo-jsdoc": "1.0.1",
         "neo-jsdoc-x": "1.0.5",
         "postcss": "^8.4.49",
-        "sass": "^1.83.0",
+        "sass": "^1.83.1",
         "siesta-lite": "5.5.2",
         "url": "^0.11.4",
         "webpack": "^5.97.1",
-        "webpack-cli": "^5.1.4",
+        "webpack-cli": "^6.0.1",
         "webpack-dev-server": "^5.2.0",
         "webpack-hook-plugin": "^1.0.7",
         "webpack-node-externals": "^3.0.0"

package/resources/scss/src/examples/grid/covid/GridContainer.scss

@@ -4,13 +4,13 @@
 
 .neo-grid-container.covid-country-grid {
     .neo-country-column {
+        max-width: 200px;
         min-width: 200px;
         width    : initial;
     }
 
     .neo-grid-cell {
         min-width: 100px;
-        width    : 300px;
     }
 
     .neo-index-column {

package/resources/scss/src/grid/Container.scss

@@ -1,3 +1,9 @@
+.neo-grid-wrapper {
+    overflow-x: auto;
+    overflow-y: hidden;
+    position  : relative;
+}
+
 .neo-grid-container {
     border        : 1px solid var(--grid-container-border-color);
     border-spacing: 0;
@@ -6,13 +12,13 @@
     font-weight   : 400;
     height        : 100%;
     line-height   : 19px;
-    overflow      : auto;
+    overflow-y    : hidden;
+    position      : absolute;
+    width         : 100%;
 
     .neo-grid-row {
-        display   : flex;
-        height    : 32px !important;
-        max-height: 32px !important;
-        width     : 100%;
+        display: flex;
+        width  : 100%;
     }
 
     .neo-grid-header-toolbar .neo-grid-row:nth-child(1) .neo-grid-header-cell {
@@ -31,7 +37,7 @@
         }
     }
 
-    .neo-grid-row:nth-child(even) {
+    .neo-grid-row.neo-even {
         .neo-grid-cell {
             background-color: var(--grid-container-cell-background-color-even);
         }
@@ -54,8 +60,7 @@
         }
 
         &.neo-locked {
-            position: sticky;
-            left    : 0;
+            left: 0;
         }
     }
 
@@ -63,8 +68,6 @@
         align-items     : center;
         background-color: var(--grid-container-cell-background-color);
         display         : flex;
-        height          : 32px !important;
-        max-height      : 32px !important;
         padding         : 2px 10px 2px;
         width           : fit-content;
     }

package/resources/scss/src/grid/View.scss

@@ -1,4 +1,26 @@
+.neo-grid-view-wrapper {
+    height    : 100%;
+    overflow-x: hidden;
+    overflow-y: auto;
+    position  : relative;
+
+    .neo-grid-scrollbar {
+        height        : 1px;
+        position      : absolute;
+        top           : 0;
+        visibility    : hidden;
+        width         : 1px;
+    }
+}
+
 .neo-grid-view {
+    height    : 100%;
+    overflow-x: visible;
+
+    &.neo-is-scrolling * {
+        pointer-events: none !important;
+    }
+
     .neo-center {
         justify-content: center;
     }
@@ -8,33 +30,37 @@
     }
 
     .neo-grid-row {
-             &:hover {
-                 .neo-grid-cell {
-                     background-color: var(--grid-cell-background-color-hover);
-                 }
+        position: absolute;
+
+         &:hover {
+             .neo-grid-cell {
+                 background-color: var(--grid-cell-background-color-hover);
              }
+         }
 
-             // selection.RowModel
-             &.neo-selected {
-                 .neo-grid-cell {
-                     background-color: var(--grid-rowmodel-selected-cell-background-color);
-                     color           : var(--grid-rowmodel-selected-cell-color);
-                 }
+         // selection.RowModel
+         &.neo-selected {
+             .neo-grid-cell {
+                 background-color: var(--grid-rowmodel-selected-cell-background-color);
+                 color           : var(--grid-rowmodel-selected-cell-color);
              }
+         }
+
+         .neo-grid-cell {
+             position: absolute;
 
              // selection.CellModel
-             .neo-grid-cell {
-                 &.neo-selected {
-                     background-color: var(--grid-cellmodel-selected-cell-background-color) !important;
-                     color           : var(--grid-cellmodel-selected-cell-color) !important;
-                 }
+             &.neo-selected {
+                 background-color: var(--grid-cellmodel-selected-cell-background-color) !important;
+                 color           : var(--grid-cellmodel-selected-cell-color) !important;
+             }
 
-                 &.selected-column-cell {
-                     background-color: var(--grid-cellmodel-selected-column-cell-background-color);
-                     color           : var(--grid-cellmodel-selected-column-cell-color);
-                 }
+             &.selected-column-cell {
+                 background-color: var(--grid-cellmodel-selected-column-cell-background-color);
+                 color           : var(--grid-cellmodel-selected-column-cell-color);
              }
          }
+     }
 }
 
 .neo-selection-cellrowmodel,

package/resources/scss/src/grid/header/Button.scss

@@ -20,10 +20,8 @@
         border-right: 1px solid var(--grid-container-border-color);
     }
 
-    &.neo-locked { // todo: for testing, will get removed once the header toolbar is outside of the scroll region
-        position: sticky;
-        top     : 0;
-        z-index : 5001;
+    &.neo-locked {
+
     }
 
     &.neo-drag-over {

package/resources/scss/src/grid/header/Toolbar.scss

@@ -1,7 +1,6 @@
 .neo-grid-header-toolbar {
-    border-bottom: 2px solid var(--grid-container-border-color);
+    border-bottom: 1px solid var(--grid-container-border-color);
     border-top   : 1px solid var(--grid-container-border-color);
     padding      : 0;
-    position     : sticky;
-    top          : 0;
+    width        : max-content;
 }

package/src/DefaultConfig.mjs

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

package/src/Xhr.mjs

@@ -18,7 +18,7 @@ class Xhr extends XhrConnection {
          */
         ntype: 'xhr',
         /**
-         * @member {Object} remote={app:['promiseRequest','promiseJson']}
+         * @member {Object} remote={app:['promiseRequest','promiseJson','setDefaultHeaders']}
          * @protected
          */
         remote: {

package/src/button/Base.mjs

@@ -5,7 +5,7 @@ import NeoArray  from '../util/Array.mjs';
  * @class Neo.button.Base
  * @extends Neo.component.Base
  */
-class Base extends Component {
+class Button extends Component {
     /**
      * Valid values for badgePosition
      * @member {String[]} badgePositions=['bottom-left','bottom-right','top-left','top-right']
@@ -581,4 +581,4 @@ class Base extends Component {
     }
 }
 
-export default Neo.setupClass(Base);
+export default Neo.setupClass(Button);

package/src/collection/Base.mjs

@@ -1,4 +1,4 @@
-import CoreBase   from '../core/Base.mjs';
+import Base       from '../core/Base.mjs';
 import Filter     from './Filter.mjs';
 import Logger     from '../util/Logger.mjs';
 import Observable from '../core/Observable.mjs';
@@ -16,7 +16,7 @@ const countMutations   = Symbol('countMutations'),
  * @class Neo.collection.Base
  * @extends Neo.core.Base
  */
-class Base extends CoreBase {
+class Collection extends Base {
     /**
      * True automatically applies the core.Observable mixin
      * @member {Boolean} observable=true
@@ -453,7 +453,7 @@ class Base extends CoreBase {
             config.sorters.push(sorter.originalConfig)
         });
 
-        return Neo.create(Base, config)
+        return Neo.create(Collection, config)
     }
 
     /**
@@ -669,7 +669,7 @@ class Base extends CoreBase {
                 delete config.items;
                 delete config.sorters;
 
-                me.allItems = Neo.create(Base, {
+                me.allItems = Neo.create(Collection, {
                     ...Neo.clone(config, true, true),
                     keyProperty: me.keyProperty,
                     sourceId   : me.id
@@ -1265,4 +1265,4 @@ class Base extends CoreBase {
  * @returns {Object}
  */
 
-export default Neo.setupClass(Base);
+export default Neo.setupClass(Collection);

package/src/component/Base.mjs

@@ -1,6 +1,6 @@
+import Base             from '../core/Base.mjs';
 import ClassSystemUtil  from '../util/ClassSystem.mjs';
 import ComponentManager from '../manager/Component.mjs';
-import CoreBase         from '../core/Base.mjs';
 import DomEventManager  from '../manager/DomEvent.mjs';
 import KeyNavigation    from '../util/KeyNavigation.mjs';
 import Logger           from '../util/Logger.mjs';
@@ -24,7 +24,7 @@ const
  * @class Neo.component.Base
  * @extends Neo.core.Base
  */
-class Base extends CoreBase {
+class Component extends Base {
     /**
      * Valid values for hideMode
      * @member {String[]} hideModes=['removeDom','visibility']
@@ -2698,4 +2698,4 @@ class Base extends CoreBase {
  * @param {Object[]} data.oldPath dom element ids upwards
  */
 
-export default Neo.setupClass(Base);
+export default Neo.setupClass(Component);

package/src/container/Base.mjs

@@ -14,7 +14,7 @@ const byWeight = ({ weight : lhs = 0 }, { weight : rhs = 0 }) => lhs - rhs;
  * @class Neo.container.Base
  * @extends Neo.component.Base
  */
-class Base extends Component {
+class Container extends Component {
     static config = {
         /**
          * @member {String} className='Neo.container.Base'
@@ -746,4 +746,4 @@ class Base extends Component {
     }
 }
 
-export default Neo.setupClass(Base);
+export default Neo.setupClass(Container);

package/src/controller/Base.mjs

@@ -1,4 +1,4 @@
-import CoreBase    from '../core/Base.mjs';
+import Base        from '../core/Base.mjs';
 import HashHistory from '../util/HashHistory.mjs';
 
 const
@@ -9,7 +9,7 @@ const
  * @class Neo.controller.Base
  * @extends Neo.core.Base
  */
-class Base extends CoreBase {
+class Controller extends Base {
     static config = {
         /**
          * @member {String} className='Neo.controller.Base'
@@ -214,4 +214,4 @@ class Base extends CoreBase {
     }
 }
 
-export default Neo.setupClass(Base);
+export default Neo.setupClass(Controller);

package/src/dialog/Base.mjs

@@ -9,7 +9,7 @@ let DragZone;
  * @class Neo.dialog.Base
  * @extends Neo.container.Panel
  */
-class Base extends Panel {
+class Dialog extends Panel {
     /**
      * Valid values for closeAction
      * @member {String[]} closeActions=['close','hide']
@@ -796,4 +796,4 @@ class Base extends Panel {
     }
 }
 
-export default Neo.setupClass(Base);
+export default Neo.setupClass(Dialog);

package/src/form/field/Base.mjs

@@ -7,7 +7,7 @@ import NeoArray         from '../../util/Array.mjs';
  * @class Neo.form.field.Base
  * @extends Neo.component.Base
  */
-class Base extends Component {
+class Field extends Component {
     /**
      * Valid values for isTouchedEvent
      * @member {String[]} isTouchedEvents=['focusEnter','focusLeave']
@@ -379,4 +379,4 @@ class Base extends Component {
  * @returns {Object}
  */
 
-export default Neo.setupClass(Base);
+export default Neo.setupClass(Field);

package/src/form/field/CheckBox.mjs

@@ -1,12 +1,12 @@
-import Base             from './Base.mjs';
 import ComponentManager from '../../manager/Component.mjs';
+import Field            from './Base.mjs';
 import NeoArray         from '../../util/Array.mjs';
 
 /**
  * @class Neo.form.field.CheckBox
  * @extends Neo.form.field.Base
  */
-class CheckBox extends Base {
+class CheckBox extends Field {
     /**
      * Valid values for labelPosition
      * @member {String[]} labelPositions=['left','top']

package/src/form/field/FileUpload.mjs

@@ -1,6 +1,6 @@
-import Base         from '../../form/field/Base.mjs';
-import NeoArray     from '../../util/Array.mjs';
-import StringUtil   from '../../util/String.mjs';
+import Field      from './Base.mjs';
+import NeoArray   from '../../util/Array.mjs';
+import StringUtil from '../../util/String.mjs';
 
 const
     sizeRE           = /^(\d+)(kb|mb|gb)?$/i,
@@ -84,7 +84,7 @@ const
  * @class Neo.form.field.FileUpload
  * @extends Neo.form.field.Base
  */
-class FileUpload extends Base {
+class FileUpload extends Field {
     static config = {
         /**
          * @member {String} className='Neo.form.field.FileUpload'

package/src/form/field/Hidden.mjs

@@ -1,10 +1,10 @@
-import Base from './Base.mjs';
+import Field from './Base.mjs';
 
 /**
  * @class Neo.form.field.Hidden
  * @extends Neo.form.field.Base
  */
-class Hidden extends Base {
+class Hidden extends Field {
     static config = {
         /**
          * @member {String} className='Neo.form.field.Hidden'

package/src/form/field/Text.mjs

@@ -1,6 +1,6 @@
-import Base         from './Base.mjs';
 import BaseTrigger  from './trigger/Base.mjs';
 import ClearTrigger from './trigger/Clear.mjs';
+import Field        from './Base.mjs';
 import NeoArray     from '../../util/Array.mjs';
 import StringUtil   from '../../util/String.mjs';
 import VDomUtil     from '../../util/VDom.mjs';
@@ -10,7 +10,7 @@ import VNodeUtil    from '../../util/VNode.mjs';
  * @class Neo.form.field.Text
  * @extends Neo.form.field.Base
  */
-class Text extends Base {
+class Text extends Field {
     /**
      * Valid values for autoCapitalize
      * @member {String[]} autoCapitalizeValues=['characters','none','on','off','sentences','words']