neo.mjs 4.8.9 → 5.0.0

package/src/grid/header/Button.mjs

@@ -16,17 +16,15 @@ class Button extends BaseButton {
      */
     field = null
 
-    static getStaticConfig() {return {
-        /**
-         * Valid values for align
-         * @member {String[]} alignValues: ['left', 'center', 'right']
-         * @protected
-         * @static
-         */
-        alignValues: ['left', 'center', 'right']
-    }}
+    /**
+     * Valid values for align
+     * @member {String[]} alignValues: ['left', 'center', 'right']
+     * @protected
+     * @static
+     */
+    static alignValues = ['left', 'center', 'right']
 
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.grid.header.Button'
          * @protected
@@ -60,7 +58,7 @@ class Button extends BaseButton {
          * @protected
          */
         isSorted_: null
-    }}
+    }
 
     /**
      * @param {Object} config

package/src/grid/header/Toolbar.mjs

@@ -5,7 +5,7 @@ import BaseToolbar from '../../toolbar/Base.mjs';
  * @extends Neo.toolbar.Base
  */
 class Toolbar extends BaseToolbar {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.grid.header.Toolbar'
          * @protected
@@ -27,7 +27,7 @@ class Toolbar extends BaseToolbar {
         itemDefaults: {
             ntype: 'grid-header-button'
         }
-    }}
+    }
 
     /**
      *

package/src/layout/Base.mjs

@@ -7,7 +7,7 @@ import CoreBase from '../core/Base.mjs';
  * @extends Neo.core.Base
  */
 class Base extends CoreBase {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.layout.Base'
          * @protected
@@ -35,7 +35,7 @@ class Base extends CoreBase {
          * @protected
          */
         isLayout: true
-    }}
+    }
 
     /**
      * Triggered after the appName config got changed

package/src/layout/Card.mjs

@@ -6,28 +6,26 @@ import NeoArray from '../util/Array.mjs';
  * @extends Neo.layout.Base
  */
 class Card extends Base {
-    static getStaticConfig() {return {
-        /*
-         * The name of the CSS class for an active item inside the card layout
-         * @member {String} activeItemCls='neo-active-item'
-         * @static
-         */
-        activeItemCls: 'neo-active-item',
-        /*
-         * The name of the CSS class for an inactive item inside the card layout
-         * @member {String} inactiveItemCls='neo-inactive-item'
-         * @static
-         */
-        inactiveItemCls: 'neo-inactive-item',
-        /*
-         * The name of the CSS class for an item inside the card layout
-         * @member itemCls
-         * @static
-         */
-        itemCls: 'neo-layout-card-item'
-    }}
+    /*
+     * The name of the CSS class for an active item inside the card layout
+     * @member {String} activeItemCls='neo-active-item'
+     * @static
+     */
+    static activeItemCls = 'neo-active-item'
+    /*
+     * The name of the CSS class for an inactive item inside the card layout
+     * @member {String} inactiveItemCls='neo-inactive-item'
+     * @static
+     */
+    static inactiveItemCls = 'neo-inactive-item'
+    /*
+     * The name of the CSS class for an item inside the card layout
+     * @member itemCls
+     * @static
+     */
+    static itemCls = 'neo-layout-card-item'
 
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.layout.Card'
          * @protected
@@ -50,7 +48,7 @@ class Card extends Base {
          * @member {Boolean} removeInactiveCards=true
          */
         removeInactiveCards: true
-    }}
+    }
 
     /**
      * Modifies the CSS classes of the container items this layout is bound to.
@@ -64,7 +62,7 @@ class Card extends Base {
         let me                  = this,
             containerId         = me.containerId,
             container           = Neo.getComponent(containerId) || Neo.get(containerId), // the instance might not be registered yet
-            sCfg                = me.getStaticConfig(),
+            sCfg                = me.constructor,
             needsUpdate         = false,
             removeInactiveCards = me.removeInactiveCards,
             i, isActiveIndex, item, items, len, module, proto, vdom, wrapperCls;
@@ -149,7 +147,7 @@ class Card extends Base {
     applyChildAttributes(item, index, keepInDom=false) {
         let me            = this,
             isActiveIndex = me.activeIndex === index,
-            sCfg          = me.getStaticConfig(),
+            sCfg          = me.constructor,
             childCls      = item.wrapperCls,
             vdom          = item.vdom;
 

package/src/layout/Fit.mjs

@@ -6,7 +6,7 @@ import NeoArray from '../util/Array.mjs';
  * @extends Neo.layout.Base
  */
 class Fit extends Base {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.layout.Fit'
          * @protected
@@ -17,7 +17,7 @@ class Fit extends Base {
          * @protected
          */
         ntype: 'layout-fit'
-    }}
+    }
 
     /**
      * Initially sets the CSS classes of the container items this layout is bound to.

package/src/layout/Flexbox.mjs

@@ -6,38 +6,36 @@ import NeoArray from '../util/Array.mjs';
  * @extends Neo.layout.Base
  */
 class Flexbox extends Base {
-    static getStaticConfig() {return {
-        /**
-         * Valid values for align
-         * @member {String[]} alignValues=['center', 'end', 'start', 'stretch', null]
-         * @protected
-         * @static
-         */
-        alignValues: ['center', 'end', 'start', 'stretch', null],
-        /**
-         * Valid values for direction
-         * @member {String[]} directionValues=['column', 'column-reverse', 'row', 'row-reverse', null]
-         * @protected
-         * @static
-         */
-        directionValues: ['column', 'column-reverse', 'row', 'row-reverse', null],
-        /**
-         * Valid values for pack
-         * @member {String[]} packValues=['center', 'end', 'start', null]
-         * @protected
-         * @static
-         */
-        packValues: ['center', 'end', 'start', null],
-        /**
-         * Valid values for wrap
-         * @member {String[]} wrapValues=['nowrap', 'wrap', 'wrap-reverse']
-         * @protected
-         * @static
-         */
-        wrapValues: ['nowrap', 'wrap', 'wrap-reverse'],
-    }}
+    /**
+     * Valid values for align
+     * @member {String[]} alignValues=['center','end','start','stretch',null]
+     * @protected
+     * @static
+     */
+    static alignValues = ['center', 'end', 'start', 'stretch', null]
+    /**
+     * Valid values for direction
+     * @member {String[]} directionValues=['column','column-reverse','row','row-reverse',null]
+     * @protected
+     * @static
+     */
+    static directionValues = ['column', 'column-reverse', 'row', 'row-reverse', null]
+    /**
+     * Valid values for pack
+     * @member {String[]} packValues=['center','end','start',null]
+     * @protected
+     * @static
+     */
+    static packValues = ['center', 'end', 'start', null]
+    /**
+     * Valid values for wrap
+     * @member {String[]} wrapValues=['nowrap','wrap','wrap-reverse']
+     * @protected
+     * @static
+     */
+    static wrapValues = ['nowrap', 'wrap', 'wrap-reverse']
 
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.layout.Flexbox'
          * @protected
@@ -73,7 +71,7 @@ class Flexbox extends Base {
          * @member {String} wrap_='nowrap'
          */
         wrap_: 'nowrap'
-    }}
+    }
 
     /**
      * Updates the Container CSS cls after "align" gets changed

package/src/layout/Grid.mjs

@@ -6,7 +6,7 @@ import NeoArray from '../util/Array.mjs';
  * @extends Neo.layout.Base
  */
 class Grid extends Base {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.layout.Grid'
          * @protected
@@ -17,7 +17,7 @@ class Grid extends Base {
          * @protected
          */
         ntype: 'layout-grid'
-    }}
+    }
 
     /**
      * Applies CSS classes to the container this layout is bound to

package/src/layout/HBox.mjs

@@ -5,7 +5,7 @@ import Flexbox from './Flexbox.mjs';
  * @extends Neo.layout.Flexbox
  */
 class HBox extends Flexbox {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.layout.HBox'
          * @protected
@@ -21,7 +21,7 @@ class HBox extends Flexbox {
          * @protected
          */
         direction: 'row'
-    }}
+    }
 
     /**
      * Applies the flex value to an item of the container this layout is bound to

package/src/layout/VBox.mjs

@@ -5,7 +5,7 @@ import Flexbox from './Flexbox.mjs';
  * @extends Neo.layout.Flexbox
  */
 class VBox extends Flexbox {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.layout.VBox'
          * @protected
@@ -21,7 +21,7 @@ class VBox extends Flexbox {
          * @protected
          */
         direction: 'column'
-    }}
+    }
 
     /**
      * Applies the flex value to an item of the container this layout is bound to

package/src/list/Base.mjs

@@ -9,7 +9,7 @@ import Store           from '../data/Store.mjs';
  * @extends Neo.component.Base
  */
 class Base extends Component {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.list.Base'
          * @protected
@@ -130,7 +130,7 @@ class Base extends Component {
          */
         _vdom:
         {tag: 'ul', cn: []}
-    }}
+    }
 
     /**
      * @param {Object} config

package/src/list/Chip.mjs

@@ -6,7 +6,7 @@ import ComponentList from './Component.mjs';
  * @extends Neo.list.Component
  */
 class Chip extends ComponentList {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.list.Chip'
          * @protected
@@ -43,7 +43,7 @@ class Chip extends ComponentList {
          */
         _vdom:
         {cn: []} // we are using a div instead of a li tag
-    }}
+    }
 
     /**
      * Triggered after the stacked config got changed

package/src/list/Circle.mjs

@@ -6,7 +6,7 @@ import Component       from './Component.mjs';
  * @extends Neo.list.Component
  */
 class Circle extends Component {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.list.Circle'
          * @protected
@@ -41,7 +41,7 @@ class Circle extends Component {
          * @member {String} urlField='url'
          */
         urlField: 'url'
-    }}
+    }
 
     /**
      * Override this method for custom renderers

package/src/list/Color.mjs

@@ -12,7 +12,7 @@ class Color extends Base {
      */
     silentSelectUpdate = false
 
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.list.Color'
          * @protected
@@ -38,7 +38,7 @@ class Color extends Base {
          * @member {Function} colorField=(scope,data)=>data[scope.colorField]
          */
         colorFormatter: (scope,data) => data[scope.colorField]
-    }}
+    }
 
     /**
      * Override this method for custom renderers

package/src/list/Component.mjs

@@ -6,7 +6,7 @@ import Base from './Base.mjs';
  * @extends Neo.list.Base
  */
 class Component extends Base {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.list.Component'
          * @protected
@@ -21,7 +21,7 @@ class Component extends Base {
          * @member {Neo.component.Base[]|null} items=null
          */
         items: null
-    }}
+    }
 
     /**
      * Triggered after the appName config got changed

package/src/list/plugin/Animate.mjs

@@ -6,17 +6,15 @@ import CssUtil from '../../util/Css.mjs';
  * @extends Neo.plugin.Base
  */
 class Animate extends Base {
-    static getStaticConfig() {return {
-        /**
-         * Valid values for transitionEasing
-         * @member {String[]} transitionEasings=['ease','ease-in','ease-out','ease-in-out','linear']
-         * @protected
-         * @static
-         */
-        transitionEasings: ['ease', 'ease-in', 'ease-out', 'ease-in-out', 'linear']
-    }}
+    /**
+     * Valid values for transitionEasing
+     * @member {String[]} transitionEasings=['ease','ease-in','ease-out','ease-in-out','linear']
+     * @protected
+     * @static
+     */
+    static transitionEasings = ['ease', 'ease-in', 'ease-out', 'ease-in-out', 'linear']
 
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.list.plugin.Animate'
          * @protected
@@ -57,7 +55,7 @@ class Animate extends Base {
          * @member {Number|null} transitionTimeoutId=null
          */
         transitionTimeoutId: null
-    }}
+    }
 
     /**
      * @param {Object} config

package/src/main/DomAccess.mjs

@@ -8,7 +8,7 @@ import Observable   from '../core/Observable.mjs';
  * @singleton
  */
 class DomAccess extends Base {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.main.DomAccess'
          * @protected
@@ -45,6 +45,7 @@ class DomAccess extends Base {
             app: [
                 'addScript',
                 'applyBodyCls',
+                'blur',
                 'execCommand',
                 'focus',
                 'getAttributes',
@@ -73,7 +74,7 @@ class DomAccess extends Base {
             'checked',
             'required'
         ]
-    }}
+    }
 
     /**
      * @param {Object} config
@@ -124,6 +125,17 @@ class DomAccess extends Base {
         document.body.classList.add(...cls);
     }
 
+    /**
+     * Calls blur() on a node for a given dom node id
+     * @param {Object} data
+     * @returns {Object} obj.id => the passed id
+     */
+    blur(data) {
+        this.getElement(data.id)?.blur();
+
+        return {id: data.id};
+    }
+
     /**
      * @param {Object} data
      * @param {String} data.command
@@ -135,7 +147,7 @@ class DomAccess extends Base {
     }
 
     /**
-     * Calls focus on a node for a given dom node id
+     * Calls focus() on a node for a given dom node id
      * @param {Object} data
      * @returns {Object} obj.id => the passed id
      */

package/src/main/DomEvents.mjs

@@ -69,16 +69,14 @@ const preventClickTargets       = [],
  * @singleton
  */
 class DomEvents extends Base {
-    static getStaticConfig() {return {
-        /**
-         * True automatically applies the core/Observable.mjs mixin
-         * @member {Boolean} observable=true
-         * @static
-         */
-        observable: true
-    }}
+    /**
+     * True automatically applies the core.Observable mixin
+     * @member {Boolean} observable=true
+     * @static
+     */
+    static observable = true
 
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.main.DomEvents'
          * @protected
@@ -105,7 +103,7 @@ class DomEvents extends Base {
                 'registerPreventDefaultTargets'
             ]
         }
-    }}
+    }
 
     /**
      * @param {Object} config

package/src/main/addon/AmCharts.mjs

@@ -9,7 +9,7 @@ import DomAccess from '../DomAccess.mjs';
  * @singleton
  */
 class AmCharts extends Base {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.main.addon.AmCharts'
          * @protected
@@ -69,7 +69,7 @@ class AmCharts extends Base {
                 'updateData'
             ]
         }
-    }}
+    }
 
     /**
      * @param {Object} config

package/src/main/addon/AnalyticsByGoogle.mjs

@@ -9,7 +9,7 @@ import Base from '../../core/Base.mjs';
  * @singleton
  */
 class AnalyticsByGoogle extends Base {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.main.addon.AnalyticsByGoogle'
          * @protected
@@ -20,7 +20,7 @@ class AnalyticsByGoogle extends Base {
          * @protected
          */
         singleton: true
-    }}
+    }
 
     /**
      * @param {Object} config

package/src/main/addon/CesiumJS.mjs

@@ -14,7 +14,7 @@ class CesiumJS extends Base {
      */
     viewers = {}
 
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.main.addon.CesiumJS'
          * @protected
@@ -38,7 +38,7 @@ class CesiumJS extends Base {
          * @protected
          */
         singleton: true
-    }}
+    }
 
     /**
      * @param {Object} config

package/src/main/addon/CloneNode.mjs

@@ -8,7 +8,7 @@ import Base from '../../core/Base.mjs';
  * @singleton
  */
 class CloneNode extends Base {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.main.addon.CloneNode'
          * @protected
@@ -36,7 +36,7 @@ class CloneNode extends Base {
          * @protected
          */
         singleton: true
-    }}
+    }
 
     /**
      * @param {Object} data

package/src/main/addon/Cookie.mjs

@@ -7,7 +7,7 @@ import Base from '../../core/Base.mjs';
  * @singleton
  */
 class Cookie extends Base {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.main.addon.Cookie'
          * @protected
@@ -30,7 +30,7 @@ class Cookie extends Base {
          * @protected
          */
         singleton: true
-    }}
+    }
 
     /**
      * @param {String} name

package/src/main/addon/DragDrop.mjs

@@ -8,7 +8,7 @@ import DomEvents from '../DomEvents.mjs';
  * @singleton
  */
 class DragDrop extends Base {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.main.addon.DragDrop'
          * @protected
@@ -130,7 +130,7 @@ class DragDrop extends Base {
          * @protected
          */
         singleton: true
-    }}
+    }
 
     /**
      * @param {Object} config

package/src/main/addon/GoogleMaps.mjs

@@ -22,7 +22,7 @@ class GoogleMaps extends Base {
      */
     markers = {}
 
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.main.addon.GoogleMaps'
          * @protected
@@ -55,7 +55,7 @@ class GoogleMaps extends Base {
          * @protected
          */
         singleton: true
-    }}
+    }
 
     /**
      * @param {Object} config
@@ -139,13 +139,16 @@ class GoogleMaps extends Base {
      * @returns {Object}
      */
     async geocode(data) {
-        let me = this;
+        let me = this,
+            response;
 
         if (!me.geoCoder) {
             me.geoCoder = new google.maps.Geocoder();
         }
 
-        return await me.geoCoder.geocode(data);
+        response = await me.geoCoder.geocode(data);
+
+        return JSON.parse(JSON.stringify(response));
     }
 
     /**