neo.mjs 10.0.0-beta.5 → 10.0.0

package/examples/grid/bigData/GridContainer.mjs

@@ -15,12 +15,13 @@ class GridContainer extends BaseGridContainer {
         className: 'Neo.examples.grid.bigData.GridContainer',
         /**
          * @member {Number} amountColumns_=50
+         * @reactive
          */
         amountColumns_: 50,
         /**
-         * @member {Object} bodyConfig
+         * @member {Object} body
          */
-        bodyConfig: {
+        body: {
             bufferColumnRange: 3,
             bufferRowRange   : 5
         },
@@ -35,6 +36,7 @@ class GridContainer extends BaseGridContainer {
         },
         /**
          * @member {Object[]} store=MainStore
+         * @reactive
          */
         store: MainStore
     }

package/examples/grid/bigData/MainContainer.mjs

@@ -15,10 +15,12 @@ class MainContainer extends Viewport {
         className: 'Neo.examples.grid.bigData.MainContainer',
         /**
          * @member {String[]} cls=['neo-examples-bigdata-maincontainer']
+         * @reactive
          */
         cls: ['neo-examples-bigdata-maincontainer'],
         /**
          * @member {Object} layout={ntype:'hbox',align:'stretch'}
+         * @reactive
          */
         layout: {ntype: 'hbox', align: 'stretch'},
         /**

package/examples/grid/bigData/MainModel.mjs

@@ -13,6 +13,7 @@ class MainModel extends Model {
         className: 'Neo.examples.grid.bigData.MainModel',
         /**
          * @member {Number} amountColumns_=50
+         * @reactive
          */
         amountColumns_: 50
     }

package/examples/grid/bigData/MainStore.mjs

@@ -14,10 +14,12 @@ class MainStore extends Store {
         className: 'Neo.examples.grid.bigData.MainStore',
         /**
          * @member {Number} amountColumns_=50
+         * @reactive
          */
         amountColumns_: 50,
         /**
          * @member {Number} amountRows_=1000
+         * @reactive
          */
         amountRows_: 1000,
         /**
@@ -34,6 +36,7 @@ class MainStore extends Store {
         }],
         /**
          * @member {Neo.data.Model} model=Model
+         * @reactive
          */
         model: Model
     }

package/examples/grid/cellEditing/MainContainer.mjs

@@ -114,7 +114,7 @@ class MainContainer extends ConfigurationViewport {
             store       : MainStore,
             wrapperStyle: {maxWidth: '1002px'},
 
-            bodyConfig: {
+            body: {
                 selectionModel: CellModel
             },
 

package/examples/grid/container/MainContainer.mjs

@@ -88,7 +88,7 @@ class MainContainer extends ConfigurationViewport {
                 width: 200
             },
 
-            bodyConfig: {
+            body: {
                 selectionModel: CellModel
             },
 

package/examples/grid/covid/GridContainer.mjs

@@ -16,6 +16,7 @@ class GridContainer extends BaseGridContainer {
         className: 'Neo.examples.grid.covid.GridContainer',
         /**
          * @member {String[]} cls=['covid-country-grid']
+         * @reactive
          */
         cls: ['covid-country-grid'],
         /**
@@ -99,10 +100,12 @@ class GridContainer extends BaseGridContainer {
         }],
         /**
          * @member {Neo.controller.Component} controller=GridContainerController
+         * @reactive
          */
         controller: GridContainerController,
         /**
          * @member {Object[]} store=Store
+         * @reactive
          */
         store: Store
     }

package/examples/grid/covid/MainContainer.mjs

@@ -14,10 +14,12 @@ class MainContainer extends Viewport {
         className: 'Neo.examples.grid.covid.MainContainer',
         /**
          * @member {Object[]} items=[GridContainer]
+         * @reactive
          */
         items: [GridContainer],
         /**
          * @member {Object} layout={ntype:'fit'}
+         * @reactive
          */
         layout: {ntype: 'fit'},
         /**

package/examples/grid/covid/Store.mjs

@@ -18,6 +18,7 @@ class Store extends BaseStore {
         keyProperty: 'country',
         /**
          * @member {Neo.data.Model} model=Model
+         * @reactive
          */
         model: Model,
         /**

package/examples/grid/nestedRecordFields/EditUserDialog.mjs

@@ -29,14 +29,17 @@ class EditUserDialog extends Dialog {
         },
         /**
          * @member {Boolean} modal=true
+         * @reactive
          */
         modal: true,
         /**
          * @member {Record|null} record_=null
+         * @reactive
          */
         record_: null,
         /**
          * @member {String} title='Edit User'
+         * @reactive
          */
         title: 'Edit User',
         /**

package/examples/grid/nestedRecordFields/Viewport.mjs

@@ -17,10 +17,12 @@ class Viewport extends BaseViewport {
         className: 'Neo.examples.grid.nestedRecordFields.Viewport',
         /**
          * @member {Neo.controller.Component} controller=ViewportController
+         * @reactive
          */
         controller: ViewportController,
         /**
          * @member {Neo.state.Provider} stateProvider=ViewportStateProvider
+         * @reactive
          */
         stateProvider: ViewportStateProvider,
         /**
@@ -51,7 +53,7 @@ class Viewport extends BaseViewport {
             bind     : {store: 'stores.mainStore'},
             reference: 'grid',
 
-            bodyConfig: {
+            body: {
                 highlightModifiedCells: true
             },
 

package/examples/list/animate/List.mjs

@@ -13,15 +13,18 @@ class List extends BaseList {
         className: 'Neo.examples.list.animate.List',
         /**
          * @member {Boolean} animate=true
+         * @reactive
          */
         animate: true,
         /**
          * @member {String[]} cls=['neo-examples-list-animate']
+         * @reactive
          */
         cls: ['neo-examples-list-animate'],
         /**
          * Value in px
          * @member {Number} itemHeight=200
+         * @reactive
          */
         itemHeight: 200,
         /**
@@ -31,6 +34,7 @@ class List extends BaseList {
         /**
          * Value in px
          * @member {Number} itemWidth=300
+         * @reactive
          */
         itemWidth: 300
     }

package/examples/list/animate/MainContainer.mjs

@@ -20,10 +20,12 @@ class MainContainer extends Viewport {
         className: 'Neo.examples.list.animate.MainContainer',
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
+         * @reactive
          */
         controller: MainContainerController,
         /**
          * @member {Object} layout={ntype:'vbox',align:'stretch'}
+         * @reactive
          */
         layout: {ntype: 'vbox', align: 'stretch'},
         /**

package/examples/list/circle/MainStore.mjs

@@ -25,6 +25,7 @@ class MainStore extends Store {
         ],
         /**
          * @member {Neo.data.Model} model=MainModel
+         * @reactive
          */
         model: MainModel,
         /**

package/examples/list/color/MainStore.mjs

@@ -25,6 +25,7 @@ class MainStore extends Store {
         ],
         /**
          * @member {Neo.data.Model} model=MainModel
+         * @reactive
          */
         model: MainModel
     }

package/examples/preloadingAssets/view/MainContainer.mjs

@@ -16,10 +16,12 @@ class MainContainer extends Viewport {
         className: 'Neo.examples.preloadingAssets.view.MainContainer',
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
+         * @reactive
          */
         controller: MainContainerController,
         /**
          * @member {Object} layout={ntype:'fit'}
+         * @reactive
          */
         layout: {ntype: 'fit'},
         /**

package/examples/stateProvider/advanced/MainContainer.mjs

@@ -18,6 +18,7 @@ class MainContainer extends Viewport {
         className: 'Neo.examples.stateProvider.advanced.MainContainer',
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
+         * @reactive
          */
         controller: MainContainerController,
         /**

package/examples/stateProvider/dialog/EditUserDialog.mjs

@@ -23,10 +23,12 @@ class EditUserDialog extends Dialog {
         },
         /**
          * @member {Neo.controller.Component} controller=EditUserDialogController
+         * @reactive
          */
         controller: EditUserDialogController,
         /**
          * @member {String} title='Edit User'
+         * @reactive
          */
         title: 'Edit User',
         /**

package/examples/stateProvider/dialog/MainContainer.mjs

@@ -16,6 +16,7 @@ class MainContainer extends Viewport {
         className: 'Neo.examples.stateProvider.dialog.MainContainer',
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
+         * @reactive
          */
         controller: MainContainerController,
         /**

package/examples/stateProvider/extendedClass/MainContainer.mjs

@@ -17,10 +17,12 @@ class MainContainer extends Viewport {
         className: 'Neo.examples.stateProvider.extendedClass.MainContainer',
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
+         * @reactive
          */
         controller: MainContainerController,
         /**
          * @member {Object|Neo.state.Provider} stateProvider=MainContainerStateProvider
+         * @reactive
          */
         stateProvider: MainContainerStateProvider,
         /**

package/examples/stateProvider/inline/MainContainer.mjs

@@ -17,6 +17,7 @@ class MainContainer extends Viewport {
         className: 'Neo.examples.stateProvider.inline.MainContainer',
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
+         * @reactive
          */
         controller: MainContainerController,
         /**

package/examples/stateProvider/inlineNoStateProvider/MainContainer.mjs

@@ -16,6 +16,7 @@ class MainContainer extends Viewport {
         className: 'Neo.examples.stateProvider.inlineNoStateProvider.MainContainer',
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
+         * @reactive
          */
         controller: MainContainerController,
         /**

package/examples/stateProvider/inlineNoStateProvider/MainContainerController.mjs

@@ -13,10 +13,12 @@ class MainContainerController extends Controller {
         className: 'Neo.examples.stateProvider.inlineNoStateProvider.MainContainerController',
         /**
          * @member {String} button1Text_='Button 1'
+         * @reactive
          */
         button1Text_: 'Button 1',
         /**
          * @member {String} button1Text_='Button 2'
+         * @reactive
          */
         button2Text_: 'Button 2'
     }

package/examples/stateProvider/multiWindow/EditUserDialog.mjs

@@ -23,10 +23,12 @@ class EditUserDialog extends Dialog {
         },
         /**
          * @member {Neo.controller.Component} controller=EditUserDialogController
+         * @reactive
          */
         controller: EditUserDialogController,
         /**
          * @member {String} title='Edit User'
+         * @reactive
          */
         title: 'Edit User',
         /**
@@ -49,6 +51,7 @@ class EditUserDialog extends Dialog {
         }],
         /**
          * @member {Object} wrapperStyle={height: '300px',width : '400px'}
+         * @reactive
          */
         wrapperStyle: {
             height: '300px',

package/examples/stateProvider/multiWindow/MainContainer.mjs

@@ -27,6 +27,7 @@ class MainContainer extends Panel {
         },
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
+         * @reactive
          */
         controller: MainContainerController,
         /**

package/examples/stateProvider/multiWindow/Viewport.mjs

@@ -14,6 +14,7 @@ class Viewport extends BaseViewport {
         className: 'Neo.examples.stateProvider.multiWindow.Viewport',
         /**
          * @member {Neo.controller.Component} controller=ViewportController
+         * @reactive
          */
         controller: ViewportController,
         /**

package/examples/stateProvider/nestedData/MainContainer.mjs

@@ -17,6 +17,7 @@ class MainContainer extends Viewport {
         className: 'Neo.examples.stateProvider.nestedData.MainContainer',
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
+         * @reactive
          */
         controller: MainContainerController,
         /**

package/examples/stateProvider/table/MainContainer.mjs

@@ -19,6 +19,7 @@ class MainContainer extends Viewport {
         layout: {ntype: 'fit'},
         /**
          * @member {Object|Neo.state.Provider} stateProvider=MainContainerStateProvider
+         * @reactive
          */
         stateProvider: MainContainerStateProvider,
         /**

package/examples/table/covid/MainContainer.mjs

@@ -14,10 +14,12 @@ class MainContainer extends Viewport {
         className: 'Neo.examples.table.covid.MainContainer',
         /**
          * @member {Object[]} items=[TableContainer]
+         * @reactive
          */
         items: [TableContainer],
         /**
          * @member {Object} layout={ntype:'fit'}
+         * @reactive
          */
         layout: {ntype: 'fit'},
         /**

package/examples/table/covid/Store.mjs

@@ -18,6 +18,7 @@ class Store extends BaseStore {
         keyProperty: 'country',
         /**
          * @member {Neo.data.Model} model=Model
+         * @reactive
          */
         model: Model,
         /**

package/examples/table/covid/TableContainer.mjs

@@ -16,6 +16,7 @@ class TableContainer extends BaseTableContainer {
         className: 'Neo.examples.table.covid.TableContainer',
         /**
          * @member {String[]} cls=['covid-country-table']
+         * @reactive
          */
         cls: ['covid-country-table'],
         /**
@@ -99,10 +100,12 @@ class TableContainer extends BaseTableContainer {
         }],
         /**
          * @member {Neo.controller.Component} controller=TableContainerController
+         * @reactive
          */
         controller: TableContainerController,
         /**
          * @member {Object[]} store=MainStore
+         * @reactive
          */
         store: Store
     }

package/examples/table/nestedRecordFields/EditUserDialog.mjs

@@ -28,14 +28,17 @@ class EditUserDialog extends Dialog {
         },
         /**
          * @member {Boolean} modal=true
+         * @reactive
          */
         modal: true,
         /**
          * @member {Record|null} record_=null
+         * @reactive
          */
         record_: null,
         /**
          * @member {String} title='Edit User'
+         * @reactive
          */
         title: 'Edit User',
         /**

package/examples/table/nestedRecordFields/Viewport.mjs

@@ -16,6 +16,7 @@ class Viewport extends BaseViewport {
         className: 'Neo.examples.table.nestedRecordFields.Viewport',
         /**
          * @member {Neo.state.Provider} stateProvider=ViewportStateProvider
+         * @reactive
          */
         stateProvider: ViewportStateProvider,
         /**

package/examples/todoList/version1/MainComponent.mjs

@@ -75,7 +75,7 @@ class MainComponent extends Component {
                     style: {cursor: 'pointer', width: '20px'}
                 }, {
                     vtype: 'text',
-                    html : item.text
+                    text : item.text
                 }]
             })
         });

package/examples/toolbar/breadcrumb/view/MainContainer.mjs

@@ -15,6 +15,7 @@ class MainContainer extends Viewport {
         className: 'Neo.examples.toolbar.breadcrumb.view.MainContainer',
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
+         * @reactive
          */
         controller: MainContainerController,
         /**
@@ -102,6 +103,7 @@ class MainContainer extends Viewport {
         }],
         /**
          * @member {Object} layout={ntype:'vbox',align:'stretch'}
+         * @reactive
          */
         layout: {ntype: 'vbox', align: 'start'},
         /**

package/examples/toolbar/paging/store/Users.mjs

@@ -27,6 +27,7 @@ class Users extends Store {
         autoSort: false,
         /**
          * @member {Neo.data.Model} model=UserModel
+         * @reactive
          */
         model: UserModel,
         /**

package/examples/toolbar/paging/view/AddUserDialog.mjs

@@ -46,14 +46,17 @@ class AddUserDialog extends Dialog {
         }],
         /**
          * @member {Boolean} resizable=false
+         * @reactive
          */
         resizable: false,
         /**
          * @member {String} title='Edit User'
+         * @reactive
          */
         title: 'Add User',
         /**
          * @member {Object} wrapperStyle={height:'300px',width:'400px'}
+         * @reactive
          */
         wrapperStyle: {
             height: '300px',

package/examples/toolbar/paging/view/MainContainer.mjs

@@ -17,6 +17,7 @@ class MainContainer extends Viewport {
         className: 'Neo.examples.toolbar.paging.view.MainContainer',
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
+         * @reactive
          */
         controller: MainContainerController,
         /**
@@ -89,10 +90,12 @@ class MainContainer extends Viewport {
         }],
         /**
          * @member {Object} layout={ntype:'vbox',align:'stretch'}
+         * @reactive
          */
         layout: {ntype: 'vbox', align: 'stretch'},
         /**
          * @member {Neo.state.Provider} stateProvider=MainContainerStateProvider
+         * @reactive
          */
         stateProvider: MainContainerStateProvider,
         /**

package/examples/treeAccordion/MainContainer.mjs

@@ -117,7 +117,7 @@ class MainContainer extends ConfigurationViewport {
 
                 store: store,
 
-                /**
+                /*
                  * We are using data-binding.
                  * Here is an example for listener and controller
                  */
@@ -180,7 +180,7 @@ class MainContainer extends ConfigurationViewport {
 
     /**
      *
-     * @param data
+     * @param {Object} data
      */
     onRemoveDomButtonClick(data) {
         let accordion = this.exampleComponent.items[0];

package/examples/worker/task/MainContainer.mjs

@@ -14,6 +14,7 @@ class MainContainer extends Viewport {
         className: 'Neo.examples.worker.task.MainContainer',
         /**
          * @member {Object} layout={ntype:'vbox'}
+         * @reactive
          */
         layout: {ntype: 'vbox'},
         /**

package/learn/Glossary.md

@@ -1,3 +1,4 @@
+# Glossary
 
 This glossary provides definitions for key terms and concepts used throughout the Neo.mjs documentation. Understanding
 these terms is essential for grasping the framework's unique architecture and capabilities.

package/learn/UsingTheseTopics.md

@@ -1,3 +1,4 @@
+# Using These Topics
 
 ***Welcome to these Neo.mjs guides and learning resources!*** Neo.mjs is a groundbreaking JavaScript framework designed
 to help you build lightning-fast, highly scalable, and exceptionally maintainable web applications. This guide will help

package/learn/benefits/ConfigSystem.md

@@ -1,3 +1,5 @@
+# Unified Config System
+
 A Declarative Approach to Application Building
 
 ## Introduction

package/learn/benefits/Effort.md

@@ -1,3 +1,4 @@
+# Complexity and Effort
 
 ## A Strategic Investment
 

package/learn/benefits/Features.md

@@ -1,3 +1,4 @@
+# Features and Benefits Summary
 
 Neo.mjs is engineered to address the most pressing challenges in modern web development, offering a suite of features
 that deliver unparalleled performance, developer productivity, and architectural flexibility. Below are the core

package/learn/benefits/FormsEngine.md

@@ -1,3 +1,4 @@
+# Forms Engine
 
 ## Simplifying Complex Data Input
 

package/learn/benefits/FourEnvironments.md

@@ -1,3 +1,5 @@
+# 4 Environments
+
 ## Introduction
 
 Neo.mjs was the very first frontend framework, which enabled full support for a ***zero builds instant development mode***,

package/learn/benefits/Introduction.md

@@ -1,3 +1,5 @@
+# Introduction
+
 ## Why Organizations Choose Neo.mjs
 
 Are your development teams burdened by slow build times, the debugging complexities introduced by transpilation and

package/learn/benefits/MultiWindow.md

@@ -1,4 +1,6 @@
-## Multi-Window Applications: Unleashing Desktop-Class Experiences
+# Multi-Window Applications
+
+## Unleashing Desktop-Class Experiences
 
 Traditional web applications are often confined to a single browser window or tab, limiting user productivity and the
 ability to manage complex workflows. Neo.mjs shatters this limitation by providing native, robust support for

package/learn/benefits/OffTheMainThread.md

@@ -1,3 +1,5 @@
+# Off the Main Thread
+
 ## How many Cores are on a Computer or Smartphone?
 In case you are using a Mac, you can click on the top-left Apple Icon,
 then on "About this Mac" and it will show you something like:

package/learn/benefits/Quick.md

@@ -1,3 +1,5 @@
+# Quick Application Development
+
 ## Rapid Application Development with Neo.mjs
 
 In today's fast-paced development landscape, speed and efficiency are paramount. Neo.mjs is engineered to dramatically

package/learn/benefits/RPCLayer.md

@@ -1,3 +1,5 @@
+# RPC Layer
+
 ## Seamless Communication Across Threads and Beyond
 
 In a multi-threaded architecture like Neo.mjs, efficient and seamless communication between different execution contexts