neo.mjs 4.3.22 → 4.3.24

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "4.3.22",
+    "version": "4.3.24",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -45,7 +45,7 @@
         "@material/mwc-button": "^0.27.0",
         "@material/mwc-textfield": "^0.27.0",
         "autoprefixer": "^10.4.13",
-        "chalk": "^5.1.2",
+        "chalk": "^5.2.0",
         "clean-webpack-plugin": "^4.0.0",
         "commander": "^9.4.1",
         "cssnano": "^5.1.14",
@@ -55,8 +55,8 @@
         "inquirer": "^9.1.4",
         "neo-jsdoc": "^1.0.1",
         "neo-jsdoc-x": "^1.0.4",
-        "postcss": "^8.4.19",
-        "sass": "^1.56.1",
+        "postcss": "^8.4.20",
+        "sass": "^1.56.2",
         "webpack": "^5.75.0",
         "webpack-cli": "^5.0.1",
         "webpack-dev-server": "4.11.1",

package/resources/scss/src/tree/List.scss

@@ -2,6 +2,7 @@
     border  : none;
     color   : v(tree-list-color);
     display : flex;
+    overflow: hidden;
     position: relative;
 
     .neo-list {

package/src/container/Base.mjs

@@ -210,6 +210,10 @@ class Base extends Component {
                     Neo.assignDefaults(item, defaults);
                 }
 
+                if (!item.module && !item.ntype && !item.className) {
+                    item.module = Component;
+                }
+
                 module = item.module;
 
                 lazyLoadItem = module && !module.isClass && Neo.isFunction(module);
@@ -352,7 +356,6 @@ class Base extends Component {
     insert(index, item, silent=false) {
         let me    = this,
             items = me.items,
-            vdom  = me.vdom,
             i, len, returnArray;
 
         if (Neo.typeOf(item) === 'Array') {
@@ -382,10 +385,7 @@ class Base extends Component {
 
         if (!silent) {
             me.promiseVdomUpdate().then(() => {
-                me.fire('insert', {
-                    index,
-                    item
-                });
+                me.fire('insert', { index, item });
             });
         }
 
@@ -499,7 +499,7 @@ class Base extends Component {
 
         me.getVdomItemsRoot().cn = [];
 
-        if(!silent || destroyItem){
+        if (!silent || destroyItem) {
             me.update();
         }
     }
@@ -507,8 +507,8 @@ class Base extends Component {
     /**
      * Removes a container item at a given index
      * @param {Number} index
-     * @param {Boolean} [destroyItem=true]
-     * @param {Boolean} [silent=false]
+     * @param {Boolean} destroyItem=true
+     * @param {Boolean} silent=false
      */
     removeAt(index, destroyItem=true, silent=false) {
         let me    = this,
@@ -525,10 +525,10 @@ class Base extends Component {
 
             me.getVdomItemsRoot().cn.splice(index, 1);
 
-            me[silent && !destroyItem ? '_vdom' : 'vdom'] = vdom;
+            me[silent || destroyItem ? '_vdom' : 'vdom'] = vdom;
 
             if (destroyItem) {
-                item.destroy(true);
+                item.destroy(false, true);
             } else {
                 item.mounted = false;
             }
@@ -544,6 +544,18 @@ class Base extends Component {
         this.removeAt(this.items.length - 1, destroyItem, silent);
     }
 
+    /**
+     * Replaces a container item at a given index
+     * @param {Number} index
+     * @param {Neo.component.Base} item
+     * @param {Boolean} destroyItem=true
+     * @param {Boolean} silent=false
+     */
+    replaceAt(index, item, destroyItem=true, silent=false) {
+        this.removeAt(index, destroyItem, true);
+        this.insert(index, item, silent);
+    }
+
     /**
      * Switches the position of 2 direct child items
      * You can either pass an index (Number) or id (String)