neo.mjs 4.0.92 → 4.0.93

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "4.0.92",
+    "version": "4.0.93",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -54,7 +54,7 @@
         "neo-jsdoc": "^1.0.1",
         "neo-jsdoc-x": "^1.0.4",
         "postcss": "^8.4.16",
-        "sass": "^1.54.4",
+        "sass": "^1.54.5",
         "webpack": "^5.74.0",
         "webpack-cli": "^4.10.0",
         "webpack-dev-server": "4.10.0",

package/resources/scss/src/calendar/view/week/TimeAxisComponent.scss

@@ -18,6 +18,10 @@
         display        : flex;
         font-size      : 0.625em;
         justify-content: center;
+
+        > div {
+            height: 1em;
+        }
     }
 }
 
@@ -29,4 +33,4 @@
         left                 : unset;
         right                : 0;
     }
-}
+}

package/src/component/Canvas.mjs

@@ -42,14 +42,16 @@ class Canvas extends Component {
     afterSetMounted(value, oldValue) {
         super.afterSetMounted(value, oldValue);
 
-        let me     = this,
-            id     = me.getCanvasId(),
-            worker = Neo.currentWorker;
+        let me        = this,
+            id        = me.getCanvasId(),
+            offscreen = me.offscreen,
+            worker    = Neo.currentWorker;
 
-        if (value && me.offscreen) {
+        if (value && offscreen) {
             worker.promiseMessage('main', {
-                action: 'getOffscreenCanvas',
-                nodeId: id
+                action : 'getOffscreenCanvas',
+                appName: me.appName,
+                nodeId : id
             }).then(data => {
                 worker.promiseMessage('canvas', {
                     action: 'registerCanvas',
@@ -59,6 +61,8 @@ class Canvas extends Component {
                     me.offscreenRegistered = true;
                 });
             });
+        } else if (offscreen) {
+            me.offscreenRegistered = false;
         }
     }
 

package/src/form/Container.mjs

@@ -36,9 +36,10 @@ class Container extends BaseContainer {
      * @returns {Neo.form.field.Base|null} fields
      */
     getField(name) {
-        let fields = ComponentManager.getChildren(this);
+        let fields = ComponentManager.getChildren(this),
+            field;
 
-        for (let field of fields) {
+        for (field of fields) {
             if (field instanceof BaseField) {
                 if (field.id === name || field.name === name) {
                     return field;
@@ -53,10 +54,9 @@ class Container extends BaseContainer {
      * @returns {Neo.form.field.Base[]} fields
      */
     getFields() {
-        let children = ComponentManager.getChildren(this),
-            fields   = [];
+        let fields = [];
 
-        children.forEach(item => {
+        ComponentManager.getChildren(this).forEach(item => {
             item instanceof BaseField && fields.push(item);
         });
 
@@ -67,10 +67,9 @@ class Container extends BaseContainer {
      * @returns {Object}
      */
     getSubmitValues() {
-        let fields = this.getFields(),
-            values = {};
+        let values = {};
 
-        fields.forEach(item => {
+        this.getFields().forEach(item => {
             values[item.name || item.id] = item.getSubmitValue();
         });
 
@@ -81,10 +80,9 @@ class Container extends BaseContainer {
      * @returns {Object}
      */
     getValues() {
-        let fields = this.getFields(),
-            values = {};
+        let values = {};
 
-        fields.forEach(item => {
+        this.getFields().forEach(item => {
             values[item.name || item.id] = item.value;
         });
 
@@ -115,11 +113,10 @@ class Container extends BaseContainer {
      * @param {Object} [values]
      */
     reset(values={}) {
-        let fields = this.getFields(),
-            keys   = values ? Object.keys(values) : [],
+        let keys = values ? Object.keys(values) : [],
             index;
 
-        fields.forEach(item => {
+        this.getFields().forEach(item => {
             index = keys.indexOf(item.name);
 
             if (index < 0) {
@@ -135,11 +132,10 @@ class Container extends BaseContainer {
      * @param {Object} values={}
      */
     setValues(values={}) {
-        let fields = this.getFields(),
-            keys   = Object.keys(values),
+        let keys = Object.keys(values),
             index;
 
-        fields.forEach(item => {
+        this.getFields().forEach(item => {
             index = keys.indexOf(item.name);
 
             if (index < 0) {
@@ -157,9 +153,7 @@ class Container extends BaseContainer {
      * This can be useful for create entity forms which show up "clean", when pressing a submit button.
      */
     validate() {
-        let fields = this.getFields();
-
-        fields.forEach(item => {
+        this.getFields().forEach(item => {
             item.validate?.(false);
         });
     }