neo.mjs 3.0.4 → 3.0.5

package/examples/list/animate/List.mjs

@@ -36,7 +36,7 @@ class List extends BaseList {
 
         return [
             {cls: ['neo-list-item-content'], id: `${id}__content`, cn: [
-                {tag: 'img', id: `${id}__image`, src: `../../../resources/examples/${record.image}`},
+                {tag: 'img', id: `${id}__image`, src: `${Neo.config.resourcesPath}examples/${record.image}`},
                 {cls: ['neo-list-item-text'], id: `${id}__content_wrapper`, cn: [
                     {html: record.firstname, id: `${id}__firstname`},
                     {cls: ['neo-lastname'],  id: `${id}__lastname`, html: record.lastname},

package/examples/list/animate/MainContainer.mjs

@@ -75,7 +75,7 @@ class MainContainer extends Viewport {
             minValue            : 100,
             stepSize            : 100,
             style               : {marginLeft: '10px'},
-            value               : 3000,
+            value               : 500,
             width               : 262
         }, {
             module: List,

package/examples/list/animate/MainStore.mjs

@@ -23,7 +23,7 @@ class MainStore extends Store {
 
             filterBy: opts => {
                 let record = opts.item,
-                    value  = opts.value;
+                    value  = opts.value?.toLowerCase();
 
                 if (value) {
                     return !(

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "3.0.4",
+    "version": "3.0.5",
     "description": "The webworkers driven UI framework",
     "repository": {
         "type": "git",

package/src/list/plugin/Animate.mjs

@@ -1,6 +1,5 @@
-import Base     from '../../plugin/Base.mjs';
-import CssUtil  from '../../util/Css.mjs';
-import VdomUtil from '../../util/VDom.mjs';
+import Base    from '../../plugin/Base.mjs';
+import CssUtil from '../../util/Css.mjs';
 
 /**
  * @class Neo.list.plugin.Animate
@@ -46,7 +45,7 @@ class Animate extends Base {
          * Time in ms. Please ensure to match the CSS based value, in case you change the default.
          * @member {Number} transitionDuration_=500
          */
-        transitionDuration_: 2000,
+        transitionDuration_: 500,
         /**
          * The id of the setTimeout() call which gets triggered after a transition is done.
          * @member {Number|null} transitionTimeoutId=null
@@ -198,7 +197,7 @@ class Animate extends Base {
             transitionTimeoutId = me.transitionTimeoutId,
             intercept           = !!transitionTimeoutId,
             vdom                = owner.vdom,
-            index, item, map, position, vdomIndex;
+            index, item, map, position;
 
         if (transitionTimeoutId) {
             clearTimeout(transitionTimeoutId);
@@ -324,12 +323,12 @@ class Animate extends Base {
             if (hasChange) {
                 owner.vdom.cn = newVdomCn;
 
-                owner.promiseVdomUpdate().then(() => {
-                    // we need to ensure to get this call into the next animation frame
-                    setTimeout(() => {
-                        owner.createItems();
-                    }, 50);
-                });
+                owner.vdom = vdom;
+
+                // we need to ensure to get this call into the next animation frame
+                setTimeout(() => {
+                    owner.createItems();
+                }, 50);
             }
         }
     }