neo.mjs 5.2.14 → 5.2.15

package/apps/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='5.2.14'
+         * @member {String} version='5.2.15'
          */
-        version: '5.2.14'
+        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.14'
+         * @member {String} version='5.2.15'
          */
-        version: '5.2.14'
+        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.14",
+    "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/src/DefaultConfig.mjs

@@ -237,12 +237,12 @@ const DefaultConfig = {
     useVdomWorker: true,
     /**
      * buildScripts/injectPackageVersion.mjs will update this value
-     * @default '5.2.14'
+     * @default '5.2.15'
      * @memberOf! module:Neo
      * @name config.version
      * @type String
      */
-    version: '5.2.14'
+    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/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