neo.mjs 5.2.9 → 5.2.11

package/apps/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='5.2.9'
+         * @member {String} version='5.2.11'
          */
-        version: '5.2.9'
+        version: '5.2.11'
     }
 
     /**

package/examples/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='5.2.9'
+         * @member {String} version='5.2.11'
          */
-        version: '5.2.9'
+        version: '5.2.11'
     }
 
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "5.2.9",
+    "version": "5.2.11",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {

package/src/DefaultConfig.mjs

@@ -237,12 +237,12 @@ const DefaultConfig = {
     useVdomWorker: true,
     /**
      * buildScripts/injectPackageVersion.mjs will update this value
-     * @default '5.2.9'
+     * @default '5.2.11'
      * @memberOf! module:Neo
      * @name config.version
      * @type String
      */
-    version: '5.2.9'
+    version: '5.2.11'
 };
 
 Object.assign(DefaultConfig, {

package/src/container/Base.mjs

@@ -376,7 +376,7 @@ class Base extends Component {
             items = me.items,
             i, len, returnArray;
 
-        if (Neo.typeOf(item) === 'Array') {
+        if (Array.isArray(item)) {
             i           = 0;
             len         = item.length;
             returnArray = [];

package/src/form/field/Text.mjs

@@ -560,7 +560,7 @@ class Text extends Base {
         me.changeInputElKey('readonly', value ? value : null);
 
         me.triggers?.forEach(trigger => {
-            trigger.hidden = value
+            trigger.hidden = value ? true : trigger.getHiddenState?.() || false
         })
     }
 

package/src/tab/Container.mjs

@@ -408,25 +408,27 @@ class Container extends BaseContainer {
      * Inserts an item or array of items at a specific index
      * @param {Number} index
      * @param {Object|Object[]} item
+     * @param {Boolean} silent=false
      * @returns {Neo.component.Base|Neo.component.Base[]}
      */
-    insert(index, item) {
+    insert(index, item, silent=false) {
         let me            = this,
             cardContainer = me.getCardContainer(),
             tabBar        = me.getTabBar(),
             hasItem       = false,
-            i, len, superItem, tab, tabButtonConfig;
+            i, len, returnArray, superItem, tab, tabButtonConfig;
 
         if (Array.isArray(item)) {
-            i   = 0;
-            len = item.length;
+            i           = 0;
+            len         = item.length;
+            returnArray = [];
 
             for (; i < len; i++) {
-                // todo: render is async, ensure the order of items is correct
-
                 // insert the array backwards
-                item[i] = me.insert(item[len - 1], index);
+                returnArray.unshift(me.insert(index, item[len - 1 - i], true));
             }
+
+            superItem = returnArray;
         } else if (typeof item === 'object') {
             i   = 0;
             len = cardContainer.items.length;
@@ -435,38 +437,46 @@ class Container extends BaseContainer {
                 if (cardContainer.items[i].id === item.id) {
                     hasItem   = true;
                     superItem = cardContainer.items[i];
-                    me.activeIndex = i;
+
+                    if (me.activateInsertedTabs) {
+                        me.activeIndex = i;
+                    }
+
                     break;
                 }
             }
-        }
-
-        if (!hasItem) {
-            tabButtonConfig = item.tabButtonConfig;
 
-            tab = tabBar.insert(index, me.getTabButtonConfig(tabButtonConfig, index));
+            if (!hasItem) {
+                tabButtonConfig = item.tabButtonConfig;
 
-            // todo: non index based matching of tab buttons and cards
-            i   = 0;
-            len = tabBar.items.length;
+                tab = tabBar.insert(index, me.getTabButtonConfig(tabButtonConfig, index));
 
-            for (; i < len; i++) {
-                tabBar.items[i].index = i;
+                // todo: non index based matching of tab buttons and cards
+                i = 0;
+                len = tabBar.items.length;
 
-            }
+                for (; i < len; i++) {
+                    tabBar.items[i].index = i;
+                }
 
-            item.flex = 1;
-            superItem = cardContainer.insert(index, item);
+                item.flex = 1;
+                superItem = cardContainer.insert(index, item, silent);
 
-            if (me.activateInsertedTabs) {
-                if (!me.vnode) {
-                    me.activeIndex = index;
-                } else {
-                    tab.on('mounted', me.onTabButtonMounted, me);
+                if (me.activateInsertedTabs) {
+                    if (!me.vnode) {
+                        me.activeIndex = index;
+                    } else {
+                        tab.on('mounted', me.onTabButtonMounted, me);
+                    }
                 }
             }
         }
 
+        if (!silent) {
+            me.updateTabButtons()
+            me.update();
+        }
+
         return superItem
     }