neo.mjs 6.44.0 → 6.45.0

package/apps/ServiceWorker.mjs

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

package/examples/ServiceWorker.mjs

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

package/package.json

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

package/resources/data/deck/learnneo/pages/2023-10-14T19-25-08-153Z.md

@@ -126,7 +126,7 @@ import Container from '../container/Base.mjs';
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'GS.workspaces.MainView',
         layout   : {ntype:'vbox', align:'start'},
         items    : [{
             module: Button,

package/resources/data/deck/learnneo/pages/ComponentModels.md

@@ -10,7 +10,7 @@ import TextField from  '../form/field/Text.mjs';
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'GS.data1.MainView',
 
         model: {
             data: {
@@ -81,7 +81,7 @@ Neo.setupClass(MyPanel);
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'GS.data2.MainView',
 
         model: {
             data: {

package/resources/data/deck/learnneo/pages/ComponentsAndContainers.md

@@ -30,7 +30,7 @@ import Container from '../container/Base.mjs';
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'Guides.components1.MainView',
         layout   : {ntype:'vbox', align:'start'},
         items    : [{
             ntype : 'component', // Or module:Component
@@ -52,7 +52,7 @@ import Container from '../container/Base.mjs';
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'Guides.components2.MainView',
         layout   : {ntype:'vbox', align:'start'},
         items    : [{
             ntype : 'component', // Or module:Component
@@ -82,7 +82,7 @@ import Container from '../container/Base.mjs';
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'Guides.components3.MainView',
         layout   : 'fit', // If no configs are needed, simply use the ntype of the layout
         items    : [{
             ntype: 'component',
@@ -104,7 +104,7 @@ import Container from '../container/Base.mjs';
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'Guides.components4.MainView',
         layout   : {ntype:'vbox', align:'start'}, // Change the ntype to 'hbox'
         items    : [{
             module : Button,
@@ -131,7 +131,7 @@ import Container from '../container/Base.mjs';
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'Guides.components5.MainView',
         layout   : 'vbox',
         items    : [{
             ntype: 'toolbar',
@@ -195,7 +195,7 @@ import Container from '../container/Base.mjs';
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'Guides.components6.MainView',
         layout   : {ntype:'vbox', align:'start'},
         items    : [{
             module : Button,

package/resources/data/deck/learnneo/pages/Config.md

@@ -23,7 +23,7 @@ import Container from '../container/Base.mjs';
 
 class Simple extends Component {
     static config = {
-        className: 'Example.view.Simple',
+        className: 'GS.config1.Simple',
 
         foo: 1,        // An instance field and its initial (default) value
         bar_: ''       // Another instance field -- note the underscore at the end
@@ -36,7 +36,7 @@ Neo.setupClass(Simple);
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'GS.config1.MainView',
 
         items: [{
             module: Simple,
@@ -64,7 +64,7 @@ import Container from '../container/Base.mjs';
 
 class Simple extends Component {
     static config = {
-        className: 'Example.view.Simple',
+        className: 'GS.config2.Simple',
 
         foo: 1,        // An instance field and its initial (default) value
         bar_: null     // Another instance field -- note the underscore at the end
@@ -87,7 +87,7 @@ Neo.setupClass(Simple);
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'GS.config2.MainView',
 
         items: [{
             module: Simple,
@@ -118,7 +118,7 @@ import Container from '../container/Base.mjs';
 
 class Simple extends Component {
     static config = {
-        className: 'Example.view.Simple',
+        className: 'GS.config3.Simple',
 
         foo: 1,        // An instance field and its initial (default) value
         bar_: null     // Another instance field -- note the underscore at the end
@@ -135,7 +135,7 @@ Neo.setupClass(Simple);
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'GS.config3.MainView',
 
         items: [{
             module: Simple,

package/resources/data/deck/learnneo/pages/DescribingTheUI.md

@@ -16,7 +16,7 @@ import Container from '../container/Base.mjs';
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'GS.describing1.MainView',
         layout   : {ntype:'vbox', align:'start'},
         items    : [{
             module : Button,
@@ -52,7 +52,7 @@ import Container from '../container/Base.mjs';
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'GS.describing2.MainView',
         layout   : {ntype:'vbox', align:'start'}, // Change the ntype to 'hbox'
         items    : [{
             module : Button,

package/resources/data/deck/learnneo/pages/Earthquakes.md

@@ -188,7 +188,6 @@ Use a code editor and look at `workspace/apps/earthquakes/src/view/MainView.mjs`
 following class definition: 
 
 <pre data-javascript>
-
 import Base       from '../../../node_modules/neo.mjs/src/container/Base.mjs';
 import Controller from './MainViewController.mjs';
 import ViewModel  from './MainViewModel.mjs';

package/resources/data/deck/learnneo/pages/Events.md

@@ -19,7 +19,7 @@ import TextField from '../form/field/Text.mjs';
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'GS.events1.MainView',
         layout   : {ntype:'vbox', align:'start'},
 
         itemDefaults: {
@@ -72,9 +72,8 @@ import TextField from '../form/field/Text.mjs';
 
 class MainView extends Container {
     static config = {
-
+        className : 'GS.events2.MainView',
         controller: MainViewController,
-        className: 'Example.view.MainView',
 
         layout   : {ntype:'vbox', align:'start'},
         items: [{
@@ -142,7 +141,7 @@ Neo.setupClass(ToggleButton);
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'GS.events3.MainView',
         layout   : {ntype:'vbox', align:'start'},
         items    : [{
             module   : ToggleButton,

package/resources/data/deck/learnneo/pages/Extending.md

@@ -12,7 +12,7 @@ import Table  from '../table/Container.mjs';
 
 class MainView extends Panel {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'GS.extending1.MainView',
         headers  : [{
             dock : 'top',
             items: [{
@@ -91,7 +91,7 @@ Neo.setupClass(BeatlesTable);
 
 class MainView extends Panel {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'GS.extending2.MainView',
         headers  : [{
             dock : 'top',
             items: [BeatlesButton]

package/resources/data/deck/learnneo/pages/GuideEvents.md

@@ -7,7 +7,7 @@ import TextField from '../form/field/Text.mjs';
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'Guides.events1.MainView',
         layout   : {ntype:'vbox', align:'start'},
 
         itemDefaults: {
@@ -41,7 +41,7 @@ import TextField from '../form/field/Text.mjs';
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'Guides.events2.MainView',
         layout   : {ntype:'vbox', align:'start'},
 
         items: [{
@@ -68,7 +68,7 @@ import TextField from '../form/field/Text.mjs';
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'Guides.events3.MainView',
         layout   : {ntype:'vbox', align:'start'},
 
         items: [{
@@ -97,7 +97,7 @@ import Controller from '../controller/Component.mjs';
 
 class MainViewController extends Controller {
     static config = {
-        className: 'Example.view.MainViewController'
+        className: 'Guides.events4.MainViewController'
     }
     foo(data) {
         Neo.Main.log({value:data.value})
@@ -111,7 +111,7 @@ import TextField from '../form/field/Text.mjs';
 
 class MainView extends Container {
     static config = {
-        className : 'Example.view.MainView',
+        className : 'Guides.events4.MainView',
         controller: MainViewController,
         layout    : {ntype:'vbox', align:'start'},
 
@@ -129,7 +129,7 @@ Neo.setupClass(MainView);
 
 ## Adding listeners procedurally
 
-Event listeners are normally specified declaratively, via the `listeners: {}` config. But occasionally you need to add
+Event listeners are normally specified declarative, via the `listeners: {}` config. But occasionally you need to add
 a listener procedurally.
 
 Any observable class has an `addListener` method, along with an easier-to-type version called `on`.
@@ -139,14 +139,11 @@ import Controller from '../controller/Component.mjs';
 
 class MainViewController extends Controller {
     static config = {
-        className: 'Example.view.MainViewController'
+        className: 'Guides.events5.MainViewController'
     }
     foo(data) {
         Neo.Main.log({value:data.value})
     }
-    onComponentConstructed() {
-        debugger
-    }
 }
 Neo.setupClass(MainViewController);
 
@@ -156,7 +153,7 @@ import TextField from '../form/field/Text.mjs';
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'Guides.events5.MainView',
         controller: MainViewController,
         layout    : {ntype:'vbox', align:'start'},
 
@@ -179,7 +176,7 @@ import Controller from '../controller/Component.mjs';
 
 class MainViewController extends Controller {
     static config = {
-        className: 'Example.view.MainViewController'
+        className: 'Guides.events6.MainViewController'
     }
     foo(data) {
         Neo.Main.log('foo' + {value:data.value})
@@ -199,7 +196,7 @@ import TextField from '../form/field/Text.mjs';
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'Guides.events6.MainView',
         controller: MainViewController,
         layout    : {ntype:'vbox', align:'start'},
 
@@ -251,7 +248,7 @@ import TextField from '../form/field/Text.mjs';
 
 class MainView extends Container {    
     static config = {
-        className: 'Example.view.MainView',
+        className: 'Guides.events7.MainView',
         layout   : {ntype:'vbox', align:'start'},
 
         items: [{
@@ -289,7 +286,7 @@ import TextField from '../form/field/Text.mjs';
 
 class MainView extends Container {    
     static config = {
-        className: 'Example.view.MainView',
+        className: 'Guides.events8.MainView',
         model: {
             data: {
                 foo: 'Hello',

package/resources/data/deck/learnneo/pages/GuideViewModels.md

@@ -22,7 +22,7 @@ import Label     from '../component/Label.mjs';
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'Guides.vm1.MainView',
         model: {
             data: {
                 hello: 'Hello',
@@ -70,7 +70,7 @@ import Label     from '../component/Label.mjs';
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'Guides.vm2.MainView',
         model: {
             data: {
                 hello: 'Hello',
@@ -137,7 +137,7 @@ import Label     from '../component/Label.mjs';
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'Guides.vm3.MainView',
         model: {
             data: {
                 hello: 'Hello'
@@ -212,7 +212,7 @@ import Label     from '../component/Label.mjs';
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'Guides.vm4.MainView',
         model: {
             data: {
                 user: {
@@ -340,7 +340,7 @@ Neo.setupClass(MainContainerController);
 
 class MainView extends Viewport {
     static config = {
-        className : 'Neo.examples.model.dialog.MainContainer',
+        className : 'Guides.vm5.MainView',
         controller: MainContainerController,
         model: {
             data: {
@@ -413,7 +413,7 @@ class MainViewModel extends ViewModel {
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'Guides.vm6.MainView',
         model    : MainViewModel, // directly assign the imported module
 
         itemDefaults: {

package/resources/data/deck/learnneo/pages/References.md

@@ -17,7 +17,7 @@ import Controller from '../controller/Component.mjs';
 
 class MainViewController extends Controller {
     static config = {
-        className: 'Example.view.MainViewController'
+        className: 'GS.references1.MainViewController'
     }
     onDisableButtonClick(data) {
         data.component.disabled = true;
@@ -28,7 +28,7 @@ Neo.setupClass(MainViewController);
 
 class MainView extends Container {
     static config = {
-        className : 'Example.view.MainView',
+        className : 'GS.references1.MainView',
         controller: MainViewController,
         layout    : {ntype:'vbox', align:'start'},
         items     : [{
@@ -54,7 +54,7 @@ import Controller from '../controller/Component.mjs';
 
 class MainViewController extends Controller {
     static config = {
-        className: 'Example.view.MainViewController'
+        className: 'GS.references2.MainViewController'
     }
     onDisableButtonClick(data){
         data.component.disabled = true
@@ -68,7 +68,7 @@ Neo.setupClass(MainViewController);
 
 class MainView extends Container {
     static config = {
-        className : 'Example.view.MainView',
+        className : 'GS.references2.MainView',
         controller: MainViewController,
         layout    : {ntype:'vbox', align:'start'},
         items     : [{
@@ -108,7 +108,7 @@ import Container from '../container/Base.mjs';
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'GS.references3.MainView',
         layout   : {ntype:'vbox', align:'start'},
         items    : [{
             module : Button,

package/resources/data/deck/learnneo/pages/Setup.md

@@ -21,5 +21,3 @@ Then run the following command, choosing the defaults for each prompt.
 `npx neo-app@latest`
 
 When you're finished you should have a Neo.mjs workspace, as described in the _Workspaces and Applications_ topic, which follows.
-
-It's probably a good idea to do an `npm install` in the workspace as soon as you've created it.

package/resources/data/deck/learnneo/pages/WhyNeo-Multi-Window.md

@@ -20,7 +20,7 @@ import Container from '../container/Base.mjs';
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'Benefits.multiwindow.MainView',
         layout   : {ntype:'vbox', align:'start'},
         items    : [{
             module : Button,

package/resources/data/deck/learnneo/pages/WhyNeo-Speed.md

@@ -25,10 +25,10 @@ import Base from '../container/Base.mjs';
 import Helix from '../component/Helix.mjs';
 class Foo extends Base {
     static config = {
-        className: 'Foo',
-        layout: 'fit',
-        items: [{
-            module: Helix,
+        className: 'Benefits.speed.MainView',
+        layout   : 'fit',
+        items    : [{
+            module     : Helix,
             imageField : 'image',
             imageSource: '../../../../resources/examples/',
             store: {

package/resources/data/deck/learnneo/pages/benefits/FormsEngine.md

@@ -10,7 +10,7 @@ import TextField     from '../form/field/Text.mjs';
 
 class MainView extends FormContainer {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'Benefits.forms1.MainView',
         layout   : {ntype:'vbox', align:'start'},
         
         items: [{
@@ -72,7 +72,7 @@ const myForm = Neo.create({
 
 class MainView extends Container {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'Benefits.forms2.MainView',
         layout   : {ntype:'vbox', align:'start'},
         
         items: [{
@@ -134,7 +134,7 @@ import TextField     from '../form/field/Text.mjs';
 
 class MainView extends FormContainer {
     static config = {
-        className: 'Example.view.MainView',
+        className: 'Benefits.forms3.MainView',
         layout   : {ntype:'vbox', align:'stretch'},
         
         items: [{

package/src/DefaultConfig.mjs

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