neo.mjs 5.2.13 → 5.2.15

package/apps/ServiceWorker.mjs

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

package/apps/form/neo-config.json

@@ -1,6 +1,7 @@
 {
-    "appPath": "apps/form/app.mjs",
-    "basePath": "../../",
-    "environment": "development",
-    "mainPath": "./Main.mjs"
-}
+    "appPath"         : "apps/form/app.mjs",
+    "basePath"        : "../../",
+    "environment"     : "development",
+    "mainPath"        : "./Main.mjs",
+    "mainThreadAddons": ["DragDrop", "LocalStorage", "Stylesheet"]
+}

package/apps/form/view/FormContainer.mjs

@@ -46,6 +46,11 @@ class FormContainer extends BaseFormContainer {
                 handler: 'onValidateAllPagesButtonClick',
                 style  : {marginLeft: '1em'},
                 text   : 'Validate all pages'
+            }, {
+                iconCls: ['fas', 'fa-floppy-disk'],
+                handler: 'onSaveButtonClick',
+                style  : {marginLeft: '1em'},
+                text   : 'Save'
             }]
         }, {
             module   : Container,

package/apps/form/view/FormContainerController.mjs

@@ -26,6 +26,20 @@ class FormContainerController extends Component {
     onPrevPageButtonClick(data) {
         this.getModel().data.activeIndex--;
     }
+
+    /**
+     * @param {Object} data
+     */
+    async onSaveButtonClick(data) {
+        let form       = this.getReference('main-form'),
+            formValues = await form.getValues();
+
+        Neo.main.addon.LocalStorage.updateLocalStorageItem({
+            appName: this.component.appName,
+            key    : 'neo-form',
+            value  : JSON.stringify(formValues)
+        })
+    }
 }
 
 Neo.applyClassConfig(FormContainerController);

package/apps/form/view/ViewportModel.mjs

@@ -43,6 +43,50 @@ class ViewportModel extends Component {
             }
         }
     }
+
+    /**
+     * We are storing the local storage data into this class field
+     * @member {Object} data
+     */
+    formData = null
+
+    /**
+     * Loading the local storage formData
+     * @param {Object} config
+     */
+    construct(config) {
+        super.construct(config);
+
+        Neo.main.addon.LocalStorage.readLocalStorageItem({
+            appName: this.component.appName,
+            key    : 'neo-form'
+        }).then(data => {
+            this.formData = JSON.parse(data.value);
+        })
+    }
+
+    /**
+     *
+     * @param {String} key
+     * @param {*} value
+     * @param {*} oldValue
+     */
+    onDataPropertyChange(key, value, oldValue) {
+        super.onDataPropertyChange(key, value, oldValue);
+
+        let me = this;
+
+        if (me.formData && key === 'activeIndex') {
+            // short delay to honor the lazy loading
+            setTimeout(() => {
+                let page = me.getController().getReference('pages-container').items[value];
+
+                console.log(key, value, page);
+
+                page.setValues(me.formData);
+            }, 50)
+        }
+    }
 }
 
 Neo.applyClassConfig(ViewportModel);

package/examples/ServiceWorker.mjs

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

package/examples/form/field/number/MainContainer.mjs

@@ -74,7 +74,8 @@ class MainContainer extends ConfigurationViewport {
             labelText: 'stepSize',
             listeners: {change: me.onConfigChange.bind(me, 'stepSize')},
             maxValue : 10,
-            minValue : 1,
+            minValue : 0.01,
+            stepSize : 0.01,
             value    : me.exampleComponent.stepSize
         }, {
             module        : Radio,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "5.2.13",
+    "version": "5.2.15",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -50,16 +50,16 @@
         "commander": "^10.0.0",
         "cssnano": "^5.1.15",
         "envinfo": "^7.8.1",
-        "fs-extra": "^11.1.0",
+        "fs-extra": "^11.1.1",
         "highlightjs-line-numbers.js": "^2.8.0",
-        "inquirer": "^9.1.4",
+        "inquirer": "^9.1.5",
         "neo-jsdoc": "^1.0.1",
         "neo-jsdoc-x": "^1.0.5",
         "postcss": "^8.4.21",
-        "sass": "^1.59.2",
-        "webpack": "^5.76.1",
+        "sass": "^1.59.3",
+        "webpack": "^5.76.3",
         "webpack-cli": "^5.0.1",
-        "webpack-dev-server": "4.11.1",
+        "webpack-dev-server": "4.13.1",
         "webpack-hook-plugin": "^1.0.7",
         "webpack-node-externals": "^3.0.0"
     },

package/resources/examples/data/formSideNav.json

@@ -16,9 +16,9 @@
         {"id": 12, "cardIndex":    8, "isHeader": false, "isValid": null, "name": "Page 9"},
         {"id": 13, "cardIndex":    9, "isHeader": false, "isValid": null, "name": "Page 10"},
         {"id": 14, "cardIndex": null, "isHeader": true,  "isValid": null, "name": "3. Optional data"},
-        {"id": 15, "cardIndex":   14, "isHeader": false, "isValid": null, "name": "Page 11"},
-        {"id": 16, "cardIndex":   14, "isHeader": false, "isValid": null, "name": "Page 12"},
-        {"id": 17, "cardIndex":   14, "isHeader": false, "isValid": null, "name": "Page 13"},
-        {"id": 18, "cardIndex":   14, "isHeader": false, "isValid": null, "name": "Page 14"}
+        {"id": 15, "cardIndex":   10, "isHeader": false, "isValid": null, "name": "Page 11"},
+        {"id": 16, "cardIndex":   11, "isHeader": false, "isValid": null, "name": "Page 12"},
+        {"id": 17, "cardIndex":   12, "isHeader": false, "isValid": null, "name": "Page 13"},
+        {"id": 18, "cardIndex":   13, "isHeader": false, "isValid": null, "name": "Page 14"}
     ]
 }

package/src/DefaultConfig.mjs

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

package/src/form/field/Number.mjs

@@ -69,6 +69,11 @@ class Number extends Text {
         useSpinButtons_: true
     }
 
+    /**
+     * @member {Number|null} stepSizeDigits=null
+     */
+    stepSizeDigits = null
+
     /**
      * Triggered after the inputEditable config got changed
      * @param {Number} value
@@ -120,11 +125,15 @@ class Number extends Text {
     afterSetStepSize(value, oldValue) {
         let me  = this,
             val = me.value,
-            modulo;
+            modulo, stepSizeString;
 
         me.changeInputElKey('step', value);
 
         if (val !== null) {
+            stepSizeString = String(this.stepSize);
+
+            me.stepSizeDigits = stepSizeString.includes('.') ? stepSizeString.split('.')[1].length : 0;
+
             modulo = (val - me.minValue) % value;
 
             if (modulo !== 0) { // find the closest valid value
@@ -171,6 +180,20 @@ class Number extends Text {
         return this.beforeSetEnumValue(value, oldValue, 'triggerPosition');
     }
 
+    /**
+     * Triggered before the value config gets changed
+     * @param {Number} value
+     * @param {Number} oldValue
+     * @protected
+     */
+    beforeSetValue(value, oldValue) {
+        if (Neo.isNumber(value) && this.stepSizeDigits > 0) {
+            return +value.toFixed(this.stepSizeDigits);
+        }
+
+        return value;
+    }
+
     /**
      * @returns {Boolean}
      */

package/src/list/Base.mjs

@@ -136,6 +136,11 @@ class Base extends Component {
      * @member {String|null} itemRole=null
      */
     itemRole = null
+    /**
+     * Defaults to false in case useHeaders is set to true
+     * @member {Boolean} scrollIntoViewOnFocus=true
+     */
+    scrollIntoViewOnFocus = true
 
     /**
      * @param {Object} config
@@ -145,6 +150,10 @@ class Base extends Component {
 
         let me = this;
 
+        if (me.useHeaders) {
+            me.scrollIntoViewOnFocus = false;
+        }
+
         me.addDomListeners({
             click: me.onClick,
             scope: me
@@ -488,7 +497,7 @@ class Base extends Component {
     focus(id) {
         super.focus(id);
 
-        id && Neo.main.DomAccess.scrollIntoView({
+        id && this.scrollIntoViewOnFocus && Neo.main.DomAccess.scrollIntoView({
             behavior: 'auto',
             id      : id || this.id
         });

package/src/model/Component.mjs

@@ -270,6 +270,15 @@ class Component extends Base {
         });
     }
 
+    /**
+     * Convenience shortcut
+     * @param {String} [ntype]
+     * @returns {Neo.controller.Component|null}
+     */
+    getController(ntype) {
+        return this.component.getController(ntype);
+    }
+
     /**
      * Access the closest data property inside the VM parent chain.
      * @param {String} key