neo.mjs 6.12.1 → 6.14.0

package/src/calendar/view/calendars/ColorsList.mjs

@@ -107,6 +107,6 @@ class ColorsList extends List {
     }
 }
 
-Neo.applyClassConfig(ColorsList);
+Neo.setupClass(ColorsList);
 
 export default ColorsList;

package/src/calendar/view/calendars/Container.mjs

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

package/src/calendar/view/calendars/EditContainer.mjs

@@ -192,6 +192,6 @@ class EditContainer extends FormContainer {
     }
 }
 
-Neo.applyClassConfig(EditContainer);
+Neo.setupClass(EditContainer);
 
 export default EditContainer;

package/src/calendar/view/calendars/List.mjs

@@ -148,6 +148,6 @@ class List extends ComponentList {
     }
 }
 
-Neo.applyClassConfig(List);
+Neo.setupClass(List);
 
 export default List;

package/src/calendar/view/month/Component.mjs

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

package/src/calendar/view/settings/GeneralContainer.mjs

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

package/src/calendar/view/settings/MonthContainer.mjs

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

package/src/calendar/view/settings/WeekContainer.mjs

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

package/src/calendar/view/settings/YearContainer.mjs

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

package/src/calendar/view/week/Component.mjs

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

package/src/calendar/view/week/EventDragZone.mjs

@@ -536,6 +536,6 @@ class EventDragZone extends DragZone {
     }
 }
 
-Neo.applyClassConfig(EventDragZone);
+Neo.setupClass(EventDragZone);
 
 export default EventDragZone;

package/src/calendar/view/week/TimeAxisComponent.mjs

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

package/src/calendar/view/week/plugin/DragDrop.mjs

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

package/src/calendar/view/week/plugin/EventResizable.mjs

@@ -53,6 +53,6 @@ class EventResizable extends Resizable {
     }
 }
 
-Neo.applyClassConfig(EventResizable);
+Neo.setupClass(EventResizable);
 
 export default EventResizable;

package/src/collection/Base.mjs

@@ -781,7 +781,7 @@ class Base extends CoreBase {
                 if (returnFirstMatch) {
                     return item;
                 }
-                
+
                 items.push(item);
             }
         }
@@ -833,10 +833,10 @@ class Base extends CoreBase {
     /**
      * Returns the object associated to the key, or undefined if there is none.
      * @param key
-     * @returns {Object|undefined}
+     * @returns {Object|null}
      */
     get(key) {
-        return this.map.get(key);
+        return this.map.get(key) || null
     }
 
     /**
@@ -1265,6 +1265,6 @@ class Base extends CoreBase {
  * @returns {Object}
  */
 
-Neo.applyClassConfig(Base);
+Neo.setupClass(Base);
 
 export default Base;

package/src/collection/Filter.mjs

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

package/src/collection/Sorter.mjs

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

package/src/component/Base.mjs

@@ -127,15 +127,12 @@ class Base extends CoreBase {
          * @example
          * afterSetStayOnHover(value, oldValue) {
          *     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;
+         *         )
          *    }
          *}
          */
@@ -217,6 +214,11 @@ class Base extends CoreBase {
          * @member {Object} keys_=null
          */
         keys_: null,
+        /**
+         * Gets used inside afterSetIsLoading() to define the CSS for the loading spinner icon
+         * @member {String[]} loadingSpinnerCls_=['fa','fa-spinner','fa-spin']
+         */
+        loadingSpinnerCls_: ['fa', 'fa-spinner', 'fa-spin'],
         /**
          * Shortcut for style.maxHeight, defaults to px
          * @member {Number|String|null} maxHeight_=null
@@ -260,6 +262,14 @@ class Base extends CoreBase {
          * @protected
          */
         needsVdomUpdate_: false,
+        /**
+         * If the parentId does not match a neo component id, you can manually set this value for finding
+         * view controllers or models.
+         * Use case: manually dropping components into a vdom structure
+         * @member {Neo.component.Base|null} parentComponent_=null
+         * @protected
+         */
+        parentComponent_: null,
         /**
          * The parent component id or document.body
          * @member {String} parentId='document.body'
@@ -367,7 +377,7 @@ class Base extends CoreBase {
     resolveUpdateCache = []
 
     /**
-     * Convenience method to access the App this component belongs to
+     * Convenience shortcut to access the App this component belongs to
      * @returns {Neo.controller.Application|null}
      */
     get app() {
@@ -397,7 +407,9 @@ class Base extends CoreBase {
      * @returns {Neo.component.Base|null}
      */
     get parent() {
-        return this.parentId !== 'document.body' ? Neo.getComponent(this.parentId) : null
+        let me = this;
+
+        return me.parentComponent || me.parentId !== 'document.body' ? Neo.getComponent(me.parentId) : null
     }
 
     /**
@@ -479,7 +491,7 @@ class Base extends CoreBase {
      * @protected
      */
     afterSetAppName(value, oldValue) {
-        value && Neo.currentWorker.insertThemeFiles(value, this.__proto__)
+        value && Neo.currentWorker.insertThemeFiles(value, this.windowId, this.__proto__)
     }
 
     /**
@@ -702,7 +714,7 @@ class Base extends CoreBase {
                     cn : [{
                         cls: ['neo-load-mask-body'],
                         cn : [{
-                            cls: ['fa', 'fa-spinner', 'fa-spin']
+                            cls: me.loadingSpinnerCls
                         }, {
                             cls      : ['neo-loading-message'],
                             html     : value,
@@ -921,6 +933,20 @@ class Base extends CoreBase {
         this.changeVdomRootKey('width', value)
     }
 
+    /**
+     * Triggered after the windowId config got changed
+     * @param {Number|null} value
+     * @param {Number|null} oldValue
+     * @protected
+     */
+    afterSetWindowId(value, oldValue) {
+        let controller = this.controller;
+
+        if (controller && value) {
+            controller.windowId = value
+        }
+    }
+
     /**
      * Triggered after the wrapperCls config got changed
      * @param {String[]|null} value
@@ -1026,6 +1052,15 @@ class Base extends CoreBase {
         return this.getModel().getHierarchyData()
     }
 
+    /**
+     * Triggered when accessing the parentComponent config
+     * @param {Object} value
+     * @protected
+     */
+    beforeParentComponent(value) {
+        return value || this.parent
+    }
+
     /**
      * Triggered when accessing the style config
      * @param {Object} value
@@ -1098,7 +1133,8 @@ class Base extends CoreBase {
 
         if (value) {
             return ClassSystemUtil.beforeSetInstance(value, null, {
-                component: this
+                component: this,
+                windowId : this.windowId
             })
         }
 
@@ -1237,7 +1273,7 @@ class Base extends CoreBase {
     createTooltip(value) {
         if (typeof value === 'string') {
             value = {
-                text : value
+                text: value
             };
         }
 
@@ -1247,14 +1283,14 @@ class Base extends CoreBase {
             me._tooltip = Neo.create('Neo.tooltip.Base', {
                 ...value,
                 appName    : me.appName,
-                componentId: me.id
-            });
-        }
-        else {
+                componentId: me.id,
+                windowId   : me.windowId
+            })
+        } else {
             me._tooltip = value;
             Neo.tooltip.Base.createSingleton(me.app);
             me.addCls('neo-uses-shared-tooltip');
-            me.update();
+            me.update()
         }
     }
 
@@ -1339,7 +1375,8 @@ class Base extends CoreBase {
             deltas;
 
         if (Neo.currentWorker.isSharedWorker) {
-            opts.appName = me.appName
+            opts.appName  = me.appName;
+            opts.windowId = me.windowId
         }
 
         me.isVdomUpdating = true;
@@ -1409,20 +1446,20 @@ class Base extends CoreBase {
      * @returns {Neo.core.Base|null}
      */
     getConfigInstanceByNtype(configName, ntype) {
-        let me     = this,
-            config = me[configName],
-            parentComponent;
+        let me              = this,
+            config          = me[configName],
+            parentComponent = me.parentComponent;
 
         if (config && (!ntype || ntype === config.ntype)) {
             return config
         }
 
-        if (me.parentId) {
+        if (!parentComponent && me.parentId) {
             parentComponent = me.parent || Neo.get(me.parentId);
+        }
 
-            if (parentComponent) {
-                return parentComponent.getConfigInstanceByNtype(configName, ntype)
-            }
+        if (parentComponent) {
+            return parentComponent.getConfigInstanceByNtype(configName, ntype)
         }
 
         return null
@@ -2030,6 +2067,7 @@ class Base extends CoreBase {
                 autoMount,
                 parentId   : autoMount ? me.getMountedParentId()    : undefined,
                 parentIndex: autoMount ? me.getMountedParentIndex() : undefined,
+                windowId   : me.windowId,
                 ...me.vdom
             });
 
@@ -2434,6 +2472,6 @@ class Base extends CoreBase {
  * @param {Object[]} data.oldPath dom element ids upwards
  */
 
-Neo.applyClassConfig(Base);
+Neo.setupClass(Base);
 
 export default Base;

package/src/component/BoxLabel.mjs

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

package/src/component/Canvas.mjs

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

package/src/component/Carousel.mjs

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

package/src/component/Chip.mjs

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

package/src/component/Circle.mjs

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

package/src/component/Clock.mjs

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

package/src/component/DateSelector.mjs

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

package/src/component/Gallery.mjs

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

package/src/component/Helix.mjs

@@ -1036,6 +1036,6 @@ Object.defineProperties(Helix.prototype, {
     afterSetTranslateZ   : cfg
 });
 
-Neo.applyClassConfig(Helix);
+Neo.setupClass(Helix);
 
 export default Helix;

package/src/component/Iframe.mjs

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

package/src/component/Label.mjs

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

package/src/component/Legend.mjs

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

package/src/component/Process.mjs

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

package/src/component/Progress.mjs

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

package/src/component/Splitter.mjs

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

package/src/component/StatusBadge.mjs

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

package/src/component/Timer.mjs

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

package/src/component/Toast.mjs

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

package/src/component/Video.mjs

@@ -149,6 +149,6 @@ class Video extends BaseComponent {
     }
 }
 
-Neo.applyClassConfig(Video);
+Neo.setupClass(Video);
 
 export default Video;

package/src/component/mwc/Button.mjs

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

package/src/component/mwc/TextField.mjs

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

package/src/component/wrapper/AmChart.mjs

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

package/src/component/wrapper/CesiumJS.mjs

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

package/src/component/wrapper/GoogleMaps.mjs

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

package/src/component/wrapper/MapboxGL.mjs

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