neo.mjs 6.12.1 → 6.13.0

package/src/form/field/trigger/Base.mjs

@@ -197,6 +197,6 @@ class Base extends Component {
     }
 }
 
-Neo.applyClassConfig(Base);
+Neo.setupClass(Base);
 
 export default Base;

package/src/form/field/trigger/Clear.mjs

@@ -141,6 +141,6 @@ class Clear extends Base {
     }
 }
 
-Neo.applyClassConfig(Clear);
+Neo.setupClass(Clear);
 
 export default Clear;

package/src/form/field/trigger/CopyToClipboard.mjs

@@ -103,6 +103,6 @@ class CopyToClipboard extends Base {
     }
 }
 
-Neo.applyClassConfig(CopyToClipboard);
+Neo.setupClass(CopyToClipboard);
 
 export default CopyToClipboard;

package/src/form/field/trigger/Date.mjs

@@ -24,6 +24,6 @@ class DateTrigger extends Picker {
     }
 }
 
-Neo.applyClassConfig(DateTrigger);
+Neo.setupClass(DateTrigger);
 
 export default DateTrigger;

package/src/form/field/trigger/Picker.mjs

@@ -37,6 +37,6 @@ class Picker extends Base {
     } 
 }
 
-Neo.applyClassConfig(Picker);
+Neo.setupClass(Picker);
 
 export default Picker;

package/src/form/field/trigger/Search.mjs

@@ -23,6 +23,6 @@ class Search extends Picker {
     }
 }
 
-Neo.applyClassConfig(Search);
+Neo.setupClass(Search);
 
 export default Search;

package/src/form/field/trigger/SpinDown.mjs

@@ -41,6 +41,6 @@ class SpinDown extends Base {
     }
 }
 
-Neo.applyClassConfig(SpinDown);
+Neo.setupClass(SpinDown);
 
 export default SpinDown;

package/src/form/field/trigger/SpinUp.mjs

@@ -37,6 +37,6 @@ class SpinUp extends Base {
     }
 }
 
-Neo.applyClassConfig(SpinUp);
+Neo.setupClass(SpinUp);
 
 export default SpinUp;

package/src/form/field/trigger/SpinUpDown.mjs

@@ -69,6 +69,6 @@ class SpinUpDown extends Base {
     }
 }
 
-Neo.applyClassConfig(SpinUpDown);
+Neo.setupClass(SpinUpDown);
 
 export default SpinUpDown;

package/src/form/field/trigger/Time.mjs

@@ -96,6 +96,6 @@ class Time extends Picker {
     }
 }
 
-Neo.applyClassConfig(Time);
+Neo.setupClass(Time);
 
 export default Time;

package/src/grid/Container.mjs

@@ -336,6 +336,6 @@ class Container extends BaseContainer {
     }
 }
 
-Neo.applyClassConfig(Container);
+Neo.setupClass(Container);
 
 export default Container;

package/src/grid/View.mjs

@@ -263,6 +263,6 @@ class View extends Component {
     }
 }
 
-Neo.applyClassConfig(View);
+Neo.setupClass(View);
 
 export default View;

package/src/grid/header/Button.mjs

@@ -168,6 +168,6 @@ class Button extends BaseButton {
     }
 }
 
-Neo.applyClassConfig(Button);
+Neo.setupClass(Button);
 
 export default Button;

package/src/grid/header/Toolbar.mjs

@@ -82,6 +82,6 @@ class Toolbar extends BaseToolbar {
     }
 }
 
-Neo.applyClassConfig(Toolbar);
+Neo.setupClass(Toolbar);
 
 export default Toolbar;

package/src/layout/Base.mjs

@@ -34,7 +34,18 @@ class Base extends CoreBase {
          * @member {Boolean} isLayout=true
          * @protected
          */
-        isLayout: true
+        isLayout: true,
+        /**
+         * @member {Number|null} windowId=null
+         */
+        windowId: null
+    }
+
+    /**
+     * @returns {Neo.container.Base|null}
+     */
+    get container() {
+        return Neo.getComponent(this.containerId)
     }
 
     /**
@@ -44,7 +55,7 @@ class Base extends CoreBase {
      * @protected
      */
     afterSetAppName(value, oldValue) {
-        value && Neo.currentWorker.insertThemeFiles(value, this.__proto__);
+        value && Neo.currentWorker.insertThemeFiles(value, this.container.windowId, this.__proto__);
     }
 
     /**
@@ -66,9 +77,9 @@ class Base extends CoreBase {
     destroy() {
         let me = this;
 
-        me.bind && Neo.getComponent(me.containerId).getModel()?.removeBindings(me.id);
+        me.bind && me.container.getModel()?.removeBindings(me.id);
 
-        super.destroy();
+        super.destroy()
     }
 
     /**
@@ -77,7 +88,7 @@ class Base extends CoreBase {
      * @returns {Neo.model.Component|null}
      */
     getModel(ntype) {
-        return Neo.getComponent(this.containerId).getModel();
+        return this.container.getModel();
     }
 
     /**
@@ -90,7 +101,7 @@ class Base extends CoreBase {
 
         let me = this;
 
-        me.bind && Neo.getComponent(me.containerId).getModel()?.parseConfig(me);
+        me.bind && me.container.getModel()?.parseConfig(me);
     }
 
     /**
@@ -107,6 +118,6 @@ class Base extends CoreBase {
     removeRenderAttributes() {}
 }
 
-Neo.applyClassConfig(Base);
+Neo.setupClass(Base);
 
 export default Base;

package/src/layout/Card.mjs

@@ -230,6 +230,6 @@ class Card extends Base {
     }
 }
 
-Neo.applyClassConfig(Card);
+Neo.setupClass(Card);
 
 export default Card;

package/src/layout/Fit.mjs

@@ -66,6 +66,6 @@ class Fit extends Base {
     }
 }
 
-Neo.applyClassConfig(Fit);
+Neo.setupClass(Fit);
 
 export default Fit;

package/src/layout/Flexbox.mjs

@@ -308,6 +308,6 @@ class Flexbox extends Base {
     }
 }
 
-Neo.applyClassConfig(Flexbox);
+Neo.setupClass(Flexbox);
 
 export default Flexbox;

package/src/layout/Form.mjs

@@ -135,6 +135,6 @@ class Form extends Base {
     }
 }
 
-Neo.applyClassConfig(Form);
+Neo.setupClass(Form);
 
 export default Form;

package/src/layout/Grid.mjs

@@ -37,6 +37,6 @@ class Grid extends Base {
     }
 }
 
-Neo.applyClassConfig(Grid);
+Neo.setupClass(Grid);
 
 export default Grid;

package/src/layout/HBox.mjs

@@ -33,6 +33,6 @@ class HBox extends Flexbox {
     }
 }
 
-Neo.applyClassConfig(HBox);
+Neo.setupClass(HBox);
 
 export default HBox;

package/src/layout/VBox.mjs

@@ -33,6 +33,6 @@ class VBox extends Flexbox {
     }
 }
 
-Neo.applyClassConfig(VBox);
+Neo.setupClass(VBox);
 
 export default VBox;

package/src/list/Base.mjs

@@ -20,11 +20,6 @@ class Base extends Component {
          * @protected
          */
         ntype: 'list',
-        /**
-         * Keeps track of the selected item index and allows bindings and programmatic changes
-         * @member {Number|null} activeIndex_=null
-         */
-        activeIndex_: null,
         /**
          * @member {Boolean} animate_=false
          */
@@ -73,9 +68,9 @@ class Base extends Component {
         /**
          * In case we are using list item headers and want to bind list item indexes to e.g. a card layout
          * for e.g. a sidenav, this config comes in handy.
-         * @member {Number|null} headerlessActiveIndex_=null
+         * @member {Number|null} headerlessSelectedIndex_=null
          */
-        headerlessActiveIndex_: null,
+        headerlessSelectedIndex_: null,
         /**
          * @member {Boolean} highlightFilterValue=true
          */
@@ -99,6 +94,10 @@ class Base extends Component {
          * @member {Number|null} itemWidth_=null
          */
         itemWidth_: null,
+        /**
+         * @member {Boolean} itemsFocusable=true
+         */
+        itemsFocusable: true,
         /**
          * Additional used keys for the selection model
          * @member {Object} keys
@@ -109,6 +108,11 @@ class Base extends Component {
          * @member {Object} pluginAnimateConfig=null
          */
         pluginAnimateConfig: null,
+        /**
+         * Keeps track of the selected item index and allows bindings and programmatic changes
+         * @member {Number|null} selectedIndex_=null
+         */
+        selectedIndex_: null,
         /**
          * Either pass a selection.Model module, an instance or a config object
          * @member {Object|Neo.selection.Model} selectionModel_=null
@@ -142,19 +146,18 @@ class Base extends Component {
          * @member {Object} _vdom
          */
         _vdom:
-        {tag: 'ul', cn: []},
-
-        /**
-         * An object to help configure the navigation. Used to pass to {@link Neo.main.addon.Navigator#subscribe}.
-         * @member {Object} navigator={}
-         */
-        navigator : {}
+        {tag: 'ul', cn: []}
     }
 
     /**
      * @member {String|null} itemRole=null
      */
     itemRole = null
+    /**
+     * An object to help configure the navigation. Used to pass to {@link Neo.main.addon.Navigator#subscribe}.
+     * @member {Object} navigator={}
+     */
+    navigator = {}
     /**
      * Defaults to false in case useHeaders is set to true
      * @member {Boolean} scrollIntoViewOnFocus=true
@@ -179,25 +182,6 @@ class Base extends Component {
         })
     }
 
-    /**
-     * Triggered after the activeIndex config got changed
-     * @param {Number|null} value
-     * @param {Number|null} oldValue
-     * @protected
-     */
-    afterSetActiveIndex(value, oldValue) {
-        let me             = this,
-            selectionModel = me.selectionModel;
-
-        if (Neo.isNumber(value)) {
-            selectionModel?.selectAt(value);
-            me.headerlessActiveIndex = me.getHeaderlessIndex(value)
-        } else if (Neo.isNumber(oldValue)) {
-            selectionModel.deselectAll();
-            me.headerlessActiveIndex = null
-        }
-    }
-
     /**
      * Triggered after the animate config got changed
      * @param {Boolean} value
@@ -268,18 +252,18 @@ class Base extends Component {
     }
 
     /**
-     * Triggered after the headerlessActiveIndex config got changed
+     * Triggered after the headerlessSelectedIndex config got changed
      * @param {Number} value
      * @param {Number} oldValue
      * @protected
      */
-    afterSetHeaderlessActiveIndex(value, oldValue) {
+    afterSetHeaderlessSelectedIndex(value, oldValue) {
         let me = this;
 
         if (Neo.isNumber(value)) {
-            me.activeIndex = me.store.getCount() ? me.getActiveIndex(value) : null
+            me.selectedIndex = me.store.getCount() ? me.getSelectedIndex(value) : null
         } else if (Neo.isNumber(oldValue)) {
-            me.activeIndex = null
+            me.selectedIndex = null
         }
     }
 
@@ -296,8 +280,8 @@ class Base extends Component {
         if (!value && me.hasNavigator) {
             Neo.main.addon.Navigator.unsubscribe(me.navigator);
 
-            me.hasNavigator = false;
-            me.activeIndex  = null
+            me.hasNavigator  = false;
+            me.selectedIndex = null
         }
 
         if (value) {
@@ -307,6 +291,7 @@ class Base extends Component {
                     appName  : me.appName,
                     id       : me.id,
                     selector : `.${me.itemCls}:not(.neo-disabled,.neo-list-header)`,
+                    windowId : me.windowId,
                     ...me.navigator
                 };
 
@@ -319,6 +304,25 @@ class Base extends Component {
         super.afterSetMounted(value, oldValue)
     }
 
+    /**
+     * Triggered after the selectedIndex config got changed
+     * @param {Number|null} value
+     * @param {Number|null} oldValue
+     * @protected
+     */
+    afterSetSelectedIndex(value, oldValue) {
+        let me             = this,
+            selectionModel = me.selectionModel;
+
+        if (Neo.isNumber(value)) {
+            selectionModel?.selectAt(value);
+            me.headerlessSelectedIndex = me.getHeaderlessIndex(value)
+        } else if (Neo.isNumber(oldValue)) {
+            selectionModel.deselectAll();
+            me.headerlessSelectedIndex = null
+        }
+    }
+
     /**
      * Triggered after the selectionModel config got changed
      * @param {Neo.selection.Model} value
@@ -460,7 +464,7 @@ class Base extends Component {
         };
 
         if (me.itemsFocusable) {
-            item.tabIndex = -1;
+            item.tabIndex = -1
         }
 
         if (record.hidden) {
@@ -532,18 +536,18 @@ class Base extends Component {
     }
 
     /**
-     * @param {Boolean} [silent=false]
+     * @param {Boolean} silent=false
      */
     createItems(silent=false) {
-        let me                    = this,
-            headerlessActiveIndex = me.headerlessActiveIndex,
-            vdom                  = me.getVdomRoot(),
+        let me                      = this,
+            headerlessSelectedIndex = me.headerlessSelectedIndex,
+            vdom                    = me.getVdomRoot(),
             listItem;
 
-        // in case we set headerlessActiveIndex before the store was loaded, activeIndex can be null
+        // in case we set headerlessSelectedIndex before the store was loaded, selectedIndex can be null
         // and the wanted selection is not initially there
-        if (Neo.isNumber(headerlessActiveIndex) && !Neo.isNumber(me.activeIndex)) {
-            me.afterSetHeaderlessActiveIndex(headerlessActiveIndex, null)
+        if (Neo.isNumber(headerlessSelectedIndex) && !Neo.isNumber(me.selectedIndex)) {
+            me.afterSetHeaderlessSelectedIndex(headerlessSelectedIndex, null)
         }
 
         if (!(me.animate && !me.getPlugin('animate'))) {
@@ -583,14 +587,14 @@ class Base extends Component {
 
     /**
      * Transforms an index excluding list item headers into the real store index
-     * @param {Number} headerlessIndex
+     * @param {Number} headerlessSelectedIndex
      * @returns {Number}
      */
-    getActiveIndex(headerlessIndex) {
+    getSelectedIndex(headerlessSelectedIndex) {
         let delta   = 0,
             i       = 0,
             records = this.store.items,
-            len     = headerlessIndex;
+            len     = headerlessSelectedIndex;
 
         if (records.length < 1) {
             return null
@@ -603,7 +607,7 @@ class Base extends Component {
             }
         }
 
-        return headerlessIndex + delta
+        return headerlessSelectedIndex + delta
     }
 
     /**
@@ -643,7 +647,7 @@ class Base extends Component {
             keyField = model?.getField(model.keyProperty),
             keyType  = keyField?.type?.toLowerCase();
 
-        if (keyType === 'integer' || keyType === 'number') {
+        if (keyType === 'int' || keyType === 'integer') {
             itemId = parseInt(itemId)
         }
 
@@ -718,7 +722,9 @@ class Base extends Component {
          * @param {String} id the record matching the list item
          * @returns {Object}
          */
-        me.fire('itemClick', record)
+        me.fire('itemClick', {
+            record
+        })
     }
 
     /**
@@ -794,6 +800,6 @@ class Base extends Component {
     }
 }
 
-Neo.applyClassConfig(Base);
+Neo.setupClass(Base);
 
 export default Base;

package/src/list/Chip.mjs

@@ -28,6 +28,11 @@ class Chip extends ComponentList {
             module : ChipComponent,
             iconCls: 'fa fa-home'
         },
+        /**
+         * Chip components get their own tabIndex, so list items must not contain one as well.
+         * @member {Boolean} itemsFocusable=false
+         */
+        itemsFocusable: false,
         /**
          * The type of the node / tag for each list item
          * @member {String} itemTagName='div'
@@ -97,6 +102,6 @@ class Chip extends ComponentList {
     }
 }
 
-Neo.applyClassConfig(Chip);
+Neo.setupClass(Chip);
 
 export default Chip;

package/src/list/Circle.mjs

@@ -82,6 +82,6 @@ class Circle extends Component {
     }
 }
 
-Neo.applyClassConfig(Circle);
+Neo.setupClass(Circle);
 
 export default Circle;

package/src/list/Color.mjs

@@ -93,6 +93,6 @@ class Color extends Base {
     }
 }
 
-Neo.applyClassConfig(Color);
+Neo.setupClass(Color);
 
 export default Color;

package/src/list/Component.mjs

@@ -111,6 +111,6 @@ class Component extends Base {
     }
 }
 
-Neo.applyClassConfig(Component);
+Neo.setupClass(Component);
 
 export default Component;

package/src/list/plugin/Animate.mjs

@@ -428,6 +428,6 @@ class Animate extends Base {
     }
 }
 
-Neo.applyClassConfig(Animate);
+Neo.setupClass(Animate);
 
 export default Animate;