neo.mjs 6.1.1 → 6.1.3

package/apps/ServiceWorker.mjs

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

package/examples/ServiceWorker.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "6.1.1",
+    "version": "6.1.3",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -55,7 +55,7 @@
         "inquirer": "^9.2.10",
         "neo-jsdoc": "1.0.1",
         "neo-jsdoc-x": "1.0.5",
-        "postcss": "^8.4.28",
+        "postcss": "^8.4.29",
         "sass": "^1.66.1",
         "showdown": "^2.1.0",
         "webpack": "^5.88.2",

package/resources/scss/src/tab/header/Toolbar.scss

@@ -11,7 +11,7 @@
             .neo-tab-button-indicator {
                 bottom: unset;
                 height: var(--tab-strip-height);
-                top   : calcVar(tab-strip-height, '*', -1);
+                top   : calc(var(--tab-strip-height) * -1);
                 width : 100%;
             }
 
@@ -33,7 +33,7 @@
             .neo-tab-button-indicator {
                 bottom: unset;
                 height: 100%;
-                right : calcVar(tab-strip-height, '*', -1);
+                right : calc(var(--tab-strip-height) * -1);
                 width : var(--tab-strip-height);
             }
 
@@ -62,7 +62,7 @@
             .neo-tab-button-indicator {
                 bottom: unset;
                 height: 100%;
-                left  : calcVar(tab-strip-height, '*', -1);
+                left  : calc(var(--tab-strip-height) * -1);
                 width : var(--tab-strip-height);
             }
 

package/src/DefaultConfig.mjs

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

package/src/main/DomEvents.mjs

@@ -669,16 +669,9 @@ class DomEvents extends Base {
      * @returns {Object}
      */
     parseDomRect(rect) {
-        return {
-            bottom: rect.bottom,
-            height: rect.height,
-            left  : rect.left,
-            right : rect.right,
-            top   : rect.top,
-            width : rect.width,
-            x     : rect.x,
-            y     : rect.y
-        }
+        let {bottom, height, left, right, top, width, x, y} = rect;
+
+        return {bottom, height, left, right, top, width, x, y}
     }
 
     /**

package/src/main/mixin/DeltaUpdates.mjs

@@ -122,12 +122,14 @@ class DeltaUpdates extends Base {
             node       = this.getElement(delta.id),
             parentNode = this.getElement(delta.parentId);
 
-        if (index >= parentNode.children.length) {
-            parentNode.appendChild(node)
-        } else {
-            //index++; // todo?: increase the index in case same parent, oldIndex < newIndex, direct swap
-            if (node && parentNode.children[index].id !== delta.id) {
-                parentNode.insertBefore(node, parentNode.children[index])
+        if (parentNode) {
+            if (index >= parentNode.children.length) {
+                parentNode.appendChild(node)
+            } else {
+                //index++; // todo?: increase the index in case same parent, oldIndex < newIndex, direct swap
+                if (node && parentNode.children[index].id !== delta.id) {
+                    parentNode.insertBefore(node, parentNode.children[index])
+                }
             }
         }
     }

package/src/tree/Accordion.mjs

@@ -39,7 +39,7 @@ class AccordionTree extends TreeList {
         firstParentIsVisible_: true,
         /**
          * Currently selected item, which is bindable
-         * @member {Record[|null} selection=null
+         * @member {Object[]|null} selection=null
          *
          * @example
          *     module: AccordionTree,
@@ -53,15 +53,17 @@ class AccordionTree extends TreeList {
          * @member {Object} _vdom
          */
         _vdom:
-            {
-                cn: [
-                    {tag: 'ul', cls: ['neo-list-container', 'neo-list', 'neo-accordion-style'], tabIndex: -1, cn: []}
-                ]
-            }
+        {cn: [
+            {tag: 'ul', cls: ['neo-list-container', 'neo-list', 'neo-accordion-style'], tabIndex: -1, cn: []}
+        ]}
     }
 
+    /**
+     *
+     */
     onConstructed() {
         super.onConstructed();
+
         let me = this;
 
         me.addDomListeners({
@@ -130,10 +132,10 @@ class AccordionTree extends TreeList {
      *
      * @param {Boolean} [withUpdate=true]
      */
-    clear(withUpdate = true) {
+    clear(withUpdate=true) {
         delete this.getVdomRoot().cn[0].cn
 
-        if (withUpdate) this.update();
+        withUpdate && this.update();
     }
 
     /**
@@ -155,7 +157,7 @@ class AccordionTree extends TreeList {
             items     = me.store.find('parentId', parentId),
             itemCls   = me.itemCls,
             folderCls = me.folderCls,
-            cls, tmpRoot;
+            cls, id, tmpRoot;
 
         if (items.length > 0) {
             if (!vdomRoot.cn) {
@@ -166,7 +168,8 @@ class AccordionTree extends TreeList {
                 vdomRoot.cn.push({
                     tag: 'ul',
                     cls: ['neo-list'],
-                    cn : []
+                    cn : [],
+                    id : `${me.id}__${parentId}__ul`
                 });
 
                 tmpRoot = vdomRoot.cn[vdomRoot.cn.length - 1];
@@ -194,24 +197,30 @@ class AccordionTree extends TreeList {
                     }
                 }
 
+                id = me.getItemId(item.id);
+
                 tmpRoot.cn.push({
-                    tag  : 'li',
+                    tag: 'li',
                     cls,
-                    id   : me.getItemId(item.id),
-                    cn   : [{
+                    id,
+                    cn : [{
                         tag      : 'span',
                         cls      : ['neo-accordion-item-icon', item.iconCls],
+                        id       : id + '__item',
                         removeDom: !item.isLeaf
                     }, {
                         cls  : [itemCls + '-content'],
+                        id   : id + '__item-content',
                         style: {pointerEvents: 'none'},
                         cn   : [{
                             tag      : 'span',
                             cls      : [itemCls + '-content-header'],
+                            id       : id + '__item-content-header',
                             innerHTML: item.name
                         }, {
                             tag      : 'span',
                             cls      : [itemCls + '-content-text'],
+                            id       : id + '__item-content-text',
                             innerHTML: item.content
                         }]
                     }],
@@ -231,7 +240,7 @@ class AccordionTree extends TreeList {
 
 
     /**
-     * Expands an item based on the reord
+     * Expands an item based on the record
      * @param {Object} record
      */
     expandItem(record) {
@@ -284,7 +293,6 @@ class AccordionTree extends TreeList {
 
     /**
      * Accordion gaining focus without selection => setSelection
-     *
      * @param {Object} data
      */
     onFocus(data) {
@@ -297,7 +305,6 @@ class AccordionTree extends TreeList {
 
     /**
      * Called from SelectionModel select()
-     *
      * @param {String[]} value
      */
     onSelect(value) {
@@ -316,8 +323,7 @@ class AccordionTree extends TreeList {
 
     /**
      * After the store loaded, create the items for the list
-     *
-     * @param {Record[]} records
+     * @param {Object[]} records
      */
     onStoreLoad(records) {
         let me = this,
@@ -341,6 +347,9 @@ class AccordionTree extends TreeList {
         }
     }
 
+    /**
+     *
+     */
     onStoreRecordChange() {
     }
 
@@ -348,7 +357,7 @@ class AccordionTree extends TreeList {
      * Set the selection either bei record id or record.
      * You can pass a record or a recordId as value
      *
-     * @param {Record|Record[]|Number|Number[]|String|String[]} value
+     * @param {Object|Object[]|Number|Number[]|String|String[]} value
      */
     setSelection(value) {
         if (value === null) {