neo.mjs 4.2.7 → 4.3.1

package/src/selection/table/RowModel.mjs

@@ -28,17 +28,14 @@ class RowModel extends Model {
      *
      */
     addDomListener() {
-        let me           = this,
-            view         = me.view,
-            domListeners = view.domListeners;
+        let me   = this,
+            view = me.view;
 
-        domListeners.push({
+        view.addDomListeners({
             click   : me.onRowClick,
             delegate: '.neo-table-row',
             scope   : me
         });
-
-        view.domListeners = domListeners;
     }
 
     /**

package/src/sitemap/Component.mjs

@@ -50,15 +50,12 @@ class Component extends Base {
     construct(config) {
         super.construct(config);
 
-        let me           = this,
-            domListeners = me.domListeners;
+        let me = this;
 
-        domListeners.push(
+        me.addDomListeners([
             {click: me.onItemHandlerClick, delegate: '.neo-action-handler', scope: me},
             {click: me.onItemClick,        delegate: '.neo-action',         scope: me}
-        );
-
-        me.domListeners = domListeners;
+        ]);
     }
 
     /**

package/src/tab/Container.mjs

@@ -157,7 +157,7 @@ class Container extends BaseContainer {
     afterSetPlain(value, oldValue) {
         let me      = this,
             baseCls = me.baseCls,
-            cls     = me.cls || [];
+            cls     = me.cls;
 
         NeoArray[value ? 'unshift' : 'remove'](cls, baseCls + '-plain');
         me.cls = cls;

package/src/tab/header/Button.mjs

@@ -28,9 +28,13 @@ class Button extends BaseButton {
          * @member {Object} _vdom
          */
         _vdom:
-        {tag: 'button', cn: [
+        {tag: 'button', type: 'button', cn: [
             {tag: 'span', cls: ['neo-button-glyph']},
             {tag: 'span', cls: ['neo-button-text']},
+            {cls: ['neo-button-badge']},
+            {cls: ['neo-button-ripple-wrapper'], cn: [
+                    {cls: ['neo-button-ripple']}
+                ]},
             {cls: ['neo-tab-button-indicator']}
         ]}
     }}
@@ -45,6 +49,13 @@ class Button extends BaseButton {
         this.updateUseActiveTabIndicator();
     }
 
+    /**
+     * @param {Object} data
+     */
+    showRipple(data) {
+        !this.pressed && super.showRipple(data);
+    }
+
     /**
      * @param {Boolean} [silent=false]
      */
@@ -52,7 +63,7 @@ class Button extends BaseButton {
         let me   = this,
             vdom = me.vdom;
 
-        vdom.cn[2].removeDom = !me.useActiveTabIndicator;
+        vdom.cn[4].removeDom = !me.useActiveTabIndicator;
 
         me[silent ? '_vdom' : 'vdom'] = vdom;
     }

package/src/table/Container.mjs

@@ -135,7 +135,7 @@ class Container extends BaseContainer {
             ...me.viewConfig
         }];
 
-        me.vdom.id = me.id + 'wrapper';
+        me.vdom.id = me.getWrapperId();
 
         me.createColumns(me.columns);
     }
@@ -179,14 +179,15 @@ class Container extends BaseContainer {
      */
     applyCustomScrollbarsCss() {
         let me       = this,
+            id       = me.getWrapperId(),
             cssRules = [];
 
         if (me.dockLeftMargin) {
-            cssRules.push('#' + me.id + 'wrapper' + '::-webkit-scrollbar-track:horizontal {margin-left: ' + me.dockLeftMargin + 'px;}');
+            cssRules.push('#' + id + '::-webkit-scrollbar-track:horizontal {margin-left: ' + me.dockLeftMargin + 'px;}');
         }
 
         if (me.dockRightMargin) {
-            cssRules.push('#' + me.id + 'wrapper' + '::-webkit-scrollbar-track:horizontal {margin-right: ' + me.dockRightMargin + 'px;}');
+            cssRules.push('#' + id + '::-webkit-scrollbar-track:horizontal {margin-right: ' + me.dockRightMargin + 'px;}');
         }
         if (cssRules.length > 0) {
             Css.insertRules(cssRules);
@@ -368,6 +369,13 @@ class Container extends BaseContainer {
         return this.vnode.childNodes[0];
     }
 
+    /**
+     * @returns {String}
+     */
+    getWrapperId() {
+        return `${this.id}__wrapper`;
+    }
+
     /**
      * @param {Number} countRows
      */

package/src/table/header/Button.mjs

@@ -88,13 +88,17 @@ class Button extends BaseButton {
          */
         showHeaderFilter_: false,
         /**
-         * @member {String} _vdom
+         * @member {Object} _vdom
          */
         _vdom:
         {tag: 'th', cn: [
             {tag: 'button', cn: [
                 {tag: 'span', cls: ['neo-button-glyph']},
-                {tag: 'span', cls: ['neo-button-text']}
+                {tag: 'span', cls: ['neo-button-text']},
+                {tag: 'span', cls: ['neo-button-badge']},
+                {tag: 'span', cls: ['neo-button-ripple-wrapper'], cn: [
+                    {tag: 'span', cls: ['neo-button-ripple']}
+                ]}
             ]}
         ]}
     }}
@@ -122,7 +126,7 @@ class Button extends BaseButton {
             });
         }
 
-        me.domListeners = listeners;
+        me.addDomListeners(listeners);
     }
 
     /**
@@ -146,8 +150,8 @@ class Button extends BaseButton {
 
     /**
      * Triggered after the isSorted config got changed
-     * @param {Boolean} value
-     * @param {Boolean} oldValue
+     * @param {String|null} value
+     * @param {String|null} oldValue
      * @protected
      */
     afterSetIsSorted(value, oldValue) {

package/src/tooltip/Base.mjs

@@ -90,21 +90,14 @@ class Base extends Container {
         }
 
         if (value) {
-            let me           = this,
-                component    = Neo.getComponent(value),
-                domListeners = component.domListeners || [];
+            let me = this;
 
-            domListeners.push({
+            Neo.getComponent(value).addDomListeners({
                 mouseenter: me.showDelayed,
-                delegate  : me.delegate,
-                scope     : me
-            }, {
                 mouseleave: me.hideDelayed,
                 delegate  : me.delegate,
                 scope     : me
             });
-
-            component.domListeners = domListeners;
         }
     }
 
@@ -120,15 +113,12 @@ class Base extends Container {
         }
 
         if (value) {
-            let me           = this,
-                domListeners = me.domListeners || [];
+            let me = this;
 
-            domListeners.push(
+            me.addDomListeners([
                 {mouseenter: me.onMouseEnter, scope: me},
                 {mouseleave: me.onMouseLeave, scope: me}
-            );
-
-            me.domListeners = domListeners;
+            ]);
         }
     }
 

package/src/tree/List.mjs

@@ -47,6 +47,10 @@ class Tree extends Base {
          * @member {Object} dragZoneConfig=null
          */
         sortZoneConfig: null,
+        /**
+         * @member {String[]} wrapperCls=[]
+         */
+        wrapperCls: [],
         /**
          * @member {Object} _vdom
          */

package/src/util/KeyNavigation.mjs

@@ -141,23 +141,18 @@ class KeyNavigation extends Base {
      * @param {Neo.component.Base} component
      */
     register(component) {
-        let me           = this,
-            domListeners = component.domListeners;
+        let me = this;
 
         me.component = component;
         me.keys      = me.parseKeys(me.keys);
 
-        if (domListeners) {
-            domListeners.push({
-                keydown: {
-                    fn    : me.onKeyDown,
-                    bubble: me.keyDownEventBubble,
-                    scope : me
-                }
-            });
-
-            component.domListeners = domListeners;
-        }
+        component.addDomListeners({
+            keydown: {
+                bubble: me.keyDownEventBubble,
+                fn    : me.onKeyDown,
+                scope : me
+            }
+        });
     }
 
     /**