neo.mjs 3.2.0 → 3.2.4

package/apps/covid/view/TableContainerController.mjs

@@ -58,22 +58,28 @@ class TableContainerController extends ComponentController {
 
         if (timeline) {
             Object.entries(timeline.cases || {}).forEach(([key, value]) => {
-                map[key] = {date: new Date(key).toISOString(), cases: value};
+                if (key !== 'undefined') {
+                    map[key] = {date: new Date(key).toISOString(), cases: value};
+                }
             });
 
             Object.entries(timeline.deaths || {}).forEach(([key, value]) => {
-                if (map.hasOwnProperty(key)) {
-                    map[key].deaths = value;
-                } else {
-                    map[key] = {date: new Date(key).toISOString(), deaths: value};
+                if (key !== 'undefined') {
+                    if (map.hasOwnProperty(key)) {
+                        map[key].deaths = value;
+                    } else {
+                        map[key] = {date: new Date(key).toISOString(), deaths: value};
+                    }
                 }
             });
 
             Object.entries(timeline.recovered || {}).forEach(([key, value]) => {
-                if (map.hasOwnProperty(key)) {
-                    map[key].recovered = value;
-                } else {
-                    map[key] = {date: new Date(key).toISOString(), recovered: value};
+                if (key !== 'undefined') {
+                    if (map.hasOwnProperty(key)) {
+                        map[key].recovered = value;
+                    } else {
+                        map[key] = {date: new Date(key).toISOString(), recovered: value};
+                    }
                 }
             });
 
@@ -131,7 +137,7 @@ class TableContainerController extends ComponentController {
             dailyCases    : record.dailyCases     || null,
             dailyDeaths   : record.dailyDeaths    || null,
             dailyRecovered: record.dailyRecovered || null,
-            recovered     : record.recovered      || null
+            recovered     : record.recovered > 0 ? record.recovered : null
         };
     }
 

package/apps/covid/view/country/Gallery.mjs

@@ -28,15 +28,10 @@ class CountryGallery extends Gallery {
          */
         country_: null,
         /**
-         * The image height of the gallery
-         * @member {Number} imageHeight=240
+         * The item height of the gallery
+         * @member {Number} itemHeight=240
          */
-        imageHeight: 280,
-        /**
-         * The image width of the gallery
-         * @member {Number} imageWidth=320
-         */
-        imageWidth: 340,
+        itemHeight: 280,
         /**
          * @member {Object} itemTpl_
          */
@@ -74,6 +69,11 @@ class CountryGallery extends Gallery {
                 ]}
             ]}
         ]},
+        /**
+         * The item width of the gallery
+         * @member {Number} itemWidth=320
+         */
+        itemWidth: 340,
         /**
          * The unique record field containing the id.
          * @member {String} keyProperty='id'
@@ -121,10 +121,10 @@ class CountryGallery extends Gallery {
 
         vdomItem.id = me.getItemVnodeId(record[me.keyProperty]);
 
-        vdomItem.cn[0].style.height = me.imageHeight + 'px';
+        vdomItem.cn[0].style.height = me.itemHeight + 'px';
 
-        firstChild.style.height = (me.imageHeight - 70) + 'px';
-        firstChild.style.width  = me.imageWidth  + 'px';
+        firstChild.style.height = (me.itemHeight - 70) + 'px';
+        firstChild.style.width  = me.itemWidth  + 'px';
 
         firstChild.cn[0].cn[0].src  = Util.getCountryFlagUrl(record.country);
         firstChild.cn[0].cn[1].html = record.country;

package/apps/realworld2/view/article/Gallery.mjs

@@ -17,15 +17,15 @@ class Gallery extends BaseGallery {
          */
         cls: ['rw2-article-gallery', 'neo-gallery', 'page', 'view'],
         /**
-         * The image height of the gallery
-         * @member {Number} imageHeight=240
+         * The item height of the gallery
+         * @member {Number} itemHeight=240
          */
-        imageHeight: 240,
+        itemHeight: 240,
         /**
-         * The image width of the gallery
-         * @member {Number} imageWidth=320
+         * The item width of the gallery
+         * @member {Number} itemWidth=320
          */
-        imageWidth: 320,
+        itemWidth: 320,
         /**
          * Array containing the PreviewComponent references
          * @member {Array} items=[]
@@ -69,8 +69,8 @@ class Gallery extends BaseGallery {
             id      : me.getItemVnodeId(record[me.keyProperty]),
             tabIndex: '-1',
             style: {
-                height: me.imageHeight + 'px',
-                width : me.imageWidth  + 'px'
+                height: me.itemHeight + 'px',
+                width : me.itemWidth  + 'px'
             },
             cn: [{
                 cls: ['item-wrapper'],

package/apps/sharedcovid/view/TableContainerController.mjs

@@ -58,22 +58,28 @@ class TableContainerController extends ComponentController {
 
         if (timeline) {
             Object.entries(timeline.cases || {}).forEach(([key, value]) => {
-                map[key] = {date: new Date(key).toISOString(), cases: value};
+                if (key !== 'undefined') {
+                    map[key] = {date: new Date(key).toISOString(), cases: value};
+                }
             });
 
             Object.entries(timeline.deaths || {}).forEach(([key, value]) => {
-                if (map.hasOwnProperty(key)) {
-                    map[key].deaths = value;
-                } else {
-                    map[key] = {date: new Date(key).toISOString(), deaths: value};
+                if (key !== 'undefined') {
+                    if (map.hasOwnProperty(key)) {
+                        map[key].deaths = value;
+                    } else {
+                        map[key] = {date: new Date(key).toISOString(), deaths: value};
+                    }
                 }
             });
 
             Object.entries(timeline.recovered || {}).forEach(([key, value]) => {
-                if (map.hasOwnProperty(key)) {
-                    map[key].recovered = value;
-                } else {
-                    map[key] = {date: new Date(key).toISOString(), recovered: value};
+                if (key !== 'undefined') {
+                    if (map.hasOwnProperty(key)) {
+                        map[key].recovered = value;
+                    } else {
+                        map[key] = {date: new Date(key).toISOString(), recovered: value};
+                    }
                 }
             });
 
@@ -131,7 +137,7 @@ class TableContainerController extends ComponentController {
             dailyCases    : record.dailyCases     || null,
             dailyDeaths   : record.dailyDeaths    || null,
             dailyRecovered: record.dailyRecovered || null,
-            recovered     : record.recovered      || null
+            recovered     : record.recovered > 0 ? record.recovered : null
         };
     }
 

package/apps/sharedcovid/view/country/Gallery.mjs

@@ -28,15 +28,10 @@ class CountryGallery extends Gallery {
          */
         country_: null,
         /**
-         * The image height of the gallery
-         * @member {Number} imageHeight=240
+         * The item height of the gallery
+         * @member {Number} itemHeight=240
          */
-        imageHeight: 280,
-        /**
-         * The image width of the gallery
-         * @member {Number} imageWidth=320
-         */
-        imageWidth: 340,
+        itemHeight: 280,
         /**
          * @member {Object} itemTpl_
          */
@@ -94,6 +89,11 @@ class CountryGallery extends Gallery {
                 }]
             }]
         },
+        /**
+         * The item width of the gallery
+         * @member {Number} itemWidth=320
+         */
+        itemWidth: 340,
         /**
          * The unique record field containing the id.
          * @member {String} keyProperty='id'
@@ -141,10 +141,10 @@ class CountryGallery extends Gallery {
 
         vdomItem.id = me.getItemVnodeId(record[me.keyProperty]);
 
-        vdomItem.cn[0].style.height = me.imageHeight + 'px';
+        vdomItem.cn[0].style.height = me.itemHeight + 'px';
 
-        firstChild.style.height = (me.imageHeight - 70) + 'px';
-        firstChild.style.width  = me.imageWidth  + 'px';
+        firstChild.style.height = (me.itemHeight - 70) + 'px';
+        firstChild.style.width  = me.itemWidth  + 'px';
 
         firstChild.cn[0].cn[0].src  = Util.getCountryFlagUrl(record.country);
         firstChild.cn[0].cn[1].html = record.country;

package/buildScripts/webpack/development/webpack.config.appworker.mjs

@@ -70,10 +70,10 @@ export default env => {
         content.appPath = content.appPath.replace(regexTopLevel, '');
 
         Object.assign(content, {
-            basePath      : basePath,
-            environment   : 'dist/development',
-            mainPath      : '../main.js',
-            workerBasePath: workerBasePath
+            basePath,
+            environment: 'dist/development',
+            mainPath   : '../main.js',
+            workerBasePath
         });
 
         fs.writeFileSync(outputPath, JSON.stringify(content, null, 4));

package/buildScripts/webpack/development/webpack.config.myapps.mjs

@@ -80,10 +80,10 @@ export default env => {
                 content.appPath = content.appPath.replace(regexTopLevel, '');
 
                 Object.assign(content, {
-                    basePath      : basePath,
-                    environment   : 'dist/development',
-                    mainPath      : '../main.js',
-                    workerBasePath: workerBasePath
+                    basePath,
+                    environment: 'dist/development',
+                    mainPath   : '../main.js',
+                    workerBasePath
                 });
 
                 fs.writeFileSync(outputPath, JSON.stringify(content, null, 4));

package/buildScripts/webpack/production/webpack.config.appworker.mjs

@@ -75,9 +75,9 @@ export default env => {
         content.appPath = content.appPath.replace(regexTopLevel, '');
 
         Object.assign(content, {
-            basePath      : basePath,
-            mainPath      : '../main.js',
-            workerBasePath: workerBasePath
+            basePath,
+            mainPath: '../main.js',
+            workerBasePath
         });
 
         fs.writeFileSync(outputPath, JSON.stringify(content));

package/buildScripts/webpack/production/webpack.config.myapps.mjs

@@ -86,9 +86,9 @@ export default env => {
                 content.appPath = content.appPath.replace(regexTopLevel, '');
 
                 Object.assign(content, {
-                    basePath      : basePath,
-                    mainPath      : '../main.js',
-                    workerBasePath: workerBasePath
+                    basePath,
+                    mainPath: '../main.js',
+                    workerBasePath
                 });
 
                 fs.writeFileSync(outputPath, JSON.stringify(content));

package/examples/ConfigurationViewport.mjs

@@ -129,7 +129,7 @@ class ConfigurationViewport extends Viewport {
 
     /**
      * Override this method to create the components to show inside the configuration container
-     * @returns {Neo.component.Base[]|null}
+     * @returns {Object[]|null}
      */
     createConfigurationComponents() {
         return null;

package/examples/component/coronaGallery/CountryGallery.mjs

@@ -27,15 +27,10 @@ class CountryGallery extends Gallery {
          */
         cls: ['neo-country-gallery', 'neo-gallery', 'page', 'view'],
         /**
-         * The image height of the gallery
-         * @member {Number} imageHeight=240
+         * The item height of the gallery
+         * @member {Number} itemHeight=240
          */
-        imageHeight: 280,
-        /**
-         * The image width of the gallery
-         * @member {Number} imageWidth=320
-         */
-        imageWidth: 340,
+        itemHeight: 280,
         /**
          * @member {Object} itemTpl_
          */
@@ -73,6 +68,11 @@ class CountryGallery extends Gallery {
                 ]}
             ]}
         ]},
+        /**
+         * The item width of the gallery
+         * @member {Number} itemWidth=320
+         */
+        itemWidth: 340,
         /**
          * The unique record field containing the id.
          * @member {String} keyProperty='id'
@@ -103,10 +103,10 @@ class CountryGallery extends Gallery {
 
         vdomItem.id = me.getItemVnodeId(record[me.keyProperty]);
 
-        vdomItem.cn[0].style.height = me.imageHeight + 'px';
+        vdomItem.cn[0].style.height = me.itemHeight + 'px';
 
-        firstChild.style.height = (me.imageHeight - 70) + 'px';
-        firstChild.style.width  = me.imageWidth  + 'px';
+        firstChild.style.height = (me.itemHeight - 70) + 'px';
+        firstChild.style.width  = me.itemWidth  + 'px';
 
         firstChild.cn[0].cn[0].src  = me.getCountryFlagUrl(record.country);
         firstChild.cn[0].cn[1].html = record.country;
@@ -184,7 +184,7 @@ class CountryGallery extends Gallery {
 
         imageName = map[imageName] || imageName;
 
-        return 'https://raw.githubusercontent.com/neomjs/pages/master/resources/images/flaticon/country_flags/png/' + imageName + '.png'
+        return `https://raw.githubusercontent.com/neomjs/pages/master/resources/images/flaticon/country_flags/png/${imageName}.png`;
     }
 
     /**

package/examples/component/coronaGallery/CountryModel.mjs

@@ -1,4 +1,4 @@
-import Model  from '../../../src/data/Model.mjs';
+import Model from '../../../src/data/Model.mjs';
 
 /**
  * @class Neo.examples.component.coronaGallery.CountryModel
@@ -6,8 +6,14 @@ import Model  from '../../../src/data/Model.mjs';
  */
 class CountryModel extends Model {
     static getConfig() {return {
+        /**
+         * @member {String} className='Neo.examples.component.coronaGallery.CountryModel'
+         * @protected
+         */
         className: 'Neo.examples.component.coronaGallery.CountryModel',
-
+        /**
+         * @member {Object[]} fields
+         */
         fields: [{
             name: 'cases',
             type: 'int'

package/examples/component/coronaGallery/CountryStore.mjs

@@ -7,9 +7,19 @@ import Store        from '../../../src/data/Store.mjs';
  */
 class CountryStore extends Store {
     static getConfig() {return {
-        className  : 'Neo.examples.component.coronaGallery.CountryStore',
+        /**
+         * @member {String} className='Neo.examples.component.coronaGallery.CountryStore'
+         * @protected
+         */
+        className: 'Neo.examples.component.coronaGallery.CountryStore',
+        /**
+         * @member {String} keyProperty='country'
+         */
         keyProperty: 'country',
-        model      : CountryModel
+        /**
+         * @member {Neo.data.Model} model=CountryModel
+         */
+        model: CountryModel
     }}
 }
 

package/examples/component/coronaGallery/MainContainer.mjs

@@ -363,14 +363,11 @@ class MainContainer extends Viewport {
         }
     }
 
+    /**
+     * @param {Object[]} data
+     */
     addStoreItems(data) {
         this.getStore().data = data;
-
-        setTimeout(() => {
-            Neo.main.DomAccess.focus({
-                id: this.gallery.id
-            });
-        }, 200);
     }
 
     /**

package/examples/component/gallery/ImageModel.mjs

@@ -0,0 +1,38 @@
+import Model from '../../../src/data/Model.mjs';
+
+/**
+ * @class Neo.examples.component.gallery.ImageModel
+ * @extends Neo.data.Model
+ */
+class ImageModel extends Model {
+    static getConfig() {return {
+        /**
+         * @member {String} className='Neo.examples.component.gallery.ImageModel'
+         * @protected
+         */
+        className: 'Neo.examples.component.gallery.ImageModel',
+        /**
+         * @member {Object[]} fields
+         */
+        fields: [{
+            name: 'firstname',
+            type: 'String'
+        }, {
+            name: 'id',
+            type: 'Integer'
+        }, {
+            name: 'image',
+            type: 'String'
+        }, {
+            name: 'isOnline',
+            type: 'Boolean'
+        }, {
+            name: 'lastname',
+            type: 'String'
+        }]
+    }}
+}
+
+Neo.applyClassConfig(ImageModel);
+
+export default ImageModel;

package/examples/component/gallery/ImageStore.mjs

@@ -0,0 +1,32 @@
+import ImageModel from './ImageModel.mjs';
+import Store      from '../../../src/data/Store.mjs';
+
+/**
+ * @class Neo.examples.component.gallery.ImageStore
+ * @extends Neo.data.Store
+ */
+class ImageStore extends Store {
+    static getConfig() {return {
+        /**
+         * @member {String} className='Neo.examples.component.gallery.ImageModel'
+         * @protected
+         */
+        className: 'Neo.examples.component.gallery.ImageStore',
+        /**
+         * @member {Boolean} autoLoad=true
+         */
+        autoLoad: true,
+        /**
+         * @member {Neo.data.Model} model=ImageModel
+         */
+        model: ImageModel,
+        /**
+         * @member {String} url='../../resources/examples/data/ai_contacts.json'
+         */
+        url: '../../resources/examples/data/ai_contacts.json'
+    }}
+}
+
+Neo.applyClassConfig(ImageStore);
+
+export default ImageStore;

package/examples/component/gallery/MainContainer.mjs

@@ -1,4 +1,5 @@
 import Gallery     from '../../../src/component/Gallery.mjs';
+import ImageStore  from './ImageStore.mjs';
 import NumberField from '../../../src/form/field/Number.mjs';
 import Panel       from '../../../src/container/Panel.mjs';
 import RangeField  from '../../../src/form/field/Range.mjs';
@@ -228,6 +229,7 @@ class MainContainer extends Viewport {
         me.gallery = Neo.create({
             module: Gallery,
             id    : 'neo-gallery-1',
+            store : ImageStore,
             ...me.galleryConfig
         });
 

package/examples/list/animate/List.mjs

@@ -19,10 +19,20 @@ class List extends BaseList {
          * @member {String[]} cls=['neo-examples-list-animate','neo-list-container','neo-list']
          */
         cls: ['neo-examples-list-animate', 'neo-list-container', 'neo-list'],
+        /**
+         * Value in px
+         * @member {Number} itemHeight=200
+         */
+        itemHeight: 200,
         /**
          * @member {String} itemTagName='div'
          */
-        itemTagName: 'div'
+        itemTagName: 'div',
+        /**
+         * Value in px
+         * @member {Number} itemWidth=300
+         */
+        itemWidth: 300
     }}
 
     /**

package/examples/list/animate/MainStore.mjs

@@ -7,11 +7,10 @@ import Store     from '../../../src/data/Store.mjs';
  */
 class MainStore extends Store {
     static getConfig() {return {
-        className  : 'Neo.examples.list.animate.MainStore',
-        autoLoad   : true,
-        keyProperty: 'id',
-        model      : MainModel,
-        url        : '../../resources/examples/data/circleContacts.json',
+        className: 'Neo.examples.list.animate.MainStore',
+        autoLoad : true,
+        model    : MainModel,
+        url      : '../../resources/examples/data/circles/group1.json',
 
         filters: [{
             disabled : true,