neo.mjs 7.0.5 → 7.1.0

package/resources/data/deck/learnneo/pages/{TodoList.md → tutorials/TodoList.md}

@@ -175,64 +175,54 @@ class MainContainer extends Container {
         className: 'Neo.examples.todoList.version2.MainContainer',
         style    : {padding: '20px'},
 
-        // custom configs
-        idCounter: 3,
-        store    : null
-    }
-
-    construct(config) {
-        super.construct(config);
-
-        let me = this;
-
-        me.store = Neo.create({
-            module: TodoListStore
-        });
-
-        me.items = [{
+        items: [{
             module       : List,
             displayField : 'text',
             flex         : 1,
-            store        : me.store,
+            reference    : 'todo-list',
+            store        : TodoListStore,
             style        : {padding: '5px'},
             useCheckBoxes: true
         }, {
             module: Toolbar,
-            flex  : 'none',
             dock  : 'bottom',
+            flex  : 'none',
             items : [{
                 module       : TextField,
                 flex         : 1,
                 labelPosition: 'inline',
                 labelText    : 'Item Text',
-                reference    : 'addItemField'
+                reference    : 'add-item-field'
             }, '->', {
-                handler     : me.onAddButtonClick,
-                handlerScope: me,
-                scope       : me,
-                style       : {height: '27px', marginLeft: '1em'},
-                text        : 'Add Item'
+                handler: 'up.onAddButtonClick',
+                style  : {height: '27px', marginLeft: '1em'},
+                text   : 'Add Item'
             }]
-        }];
+        }]
     }
 
-    onAddButtonClick() {
+    idCounter = 0
+
+    /**
+     *
+     */
+    onConstructed() {
+        super.onConstructed();
+        this.idCounter = this.getReference('todo-list').store.getCount()
+    }
+
+    onAddButtonClick(data) {
         let me    = this,
-            field = me.down({reference: 'addItemField'}),
-            data;
+            field = me.getReference('add-item-field');
 
         if (field.value) {
             me.idCounter++;
 
-            data = me.store.data;
-
-            data.push({
+            me.getReference('todo-list').store.add({
                 id  : me.idCounter,
                 done: false,
                 text: field.value
-            });
-
-            me.store.data = data
+            })
         }
     }
 }

package/resources/data/deck/learnneo/tree.json

@@ -1,50 +1,47 @@
 {"data": [
-    {"name":  "Welcome!",                                   "parentId": null,                "isLeaf":  true, "id": "Welcome" },
-    {"name": "Benefits",                                    "parentId": null,                "isLeaf": false, "id": "WhyNeo"},
-        {"name": "Introduction ",                           "parentId": "WhyNeo",            "isLeaf": true,  "id": "WhyNeo-Intro"},
-        {"name": "Off the Main Thread",                     "parentId": "WhyNeo",            "isLeaf": true,  "id": "benefits.Multi-Threading"},
-        {"name": "Extreme Speed",                           "parentId": "WhyNeo",            "isLeaf": true,  "id": "WhyNeo-Speed"},
-        {"name": "Multi-Window Applications",               "parentId": "WhyNeo",            "isLeaf": true,  "id": "WhyNeo-Multi-Window"},
-        {"name": "Quick Application Development",           "parentId": "WhyNeo",            "isLeaf": true,  "id": "WhyNeo-Quick"},
-        {"name": "Complexity and Effort",                   "parentId": "WhyNeo",            "isLeaf": true,  "id": "WhyNeo-Effort"},
-        {"name": "Forms Engine",                            "parentId": "WhyNeo",            "isLeaf": true,  "id": "benefits.FormsEngine"},
-        {"name": "Features and Benefits Summary",           "parentId": "WhyNeo",            "isLeaf": true,  "id": "WhyNeo-Features"},
-    {"name": "Getting Started",                             "parentId": null,                "isLeaf": false, "id": "GettingStarted", "collapsed":  true},
-        {"name": "Setup",                                   "parentId": "GettingStarted",    "isLeaf": true,  "id": "Setup"},
-        {"name": "Workspaces and Applications",             "parentId": "GettingStarted",    "isLeaf": true,  "id": "2023-10-14T19-25-08-153Z"},
-        {"name": "Describing a View",                       "parentId": "GettingStarted",    "isLeaf": true,  "id": "DescribingTheUI"},
-        {"name": "Events",                                  "parentId": "GettingStarted",    "isLeaf": true,  "id": "Events"},
-        {"name": "Component References",                    "parentId": "GettingStarted",    "isLeaf": true,  "id": "References"},
-        {"name": "Extending Classes",                       "parentId": "GettingStarted",    "isLeaf": true,  "id": "Extending"},
-        {"name": "Config",                                  "parentId": "GettingStarted",    "isLeaf": true,  "id": "Config"},
-        {"name": "Shared Bindable Data",                    "parentId": "GettingStarted",    "isLeaf": true,  "id": "ComponentModels"},
-    {"name": "Tutorials",                                   "parentId": null,                "isLeaf": false, "expanded": false, "id": "Tutorials",  "collapsed":  true},
-        {"name": "Rock Scissors Paper",                     "parentId": "Tutorials",         "isLeaf": true,  "expanded": false, "id": "RSP", "hidden":  true},
-        {"name": "Earthquakes",                             "parentId": "Tutorials",         "isLeaf": true,  "expanded": false, "id": "Earthquakes", "collapsed":  true},
-        {"name": "Todo List",                               "parentId": "Tutorials",         "isLeaf": true,  "expanded": false, "id": "TodoList"},
-    {"name": "Guides",                                      "parentId": null,                "isLeaf": false, "expanded": false, "id": "InDepth",  "collapsed":  true},
-        {"name": "Config",                                  "parentId": "InDepth",           "isLeaf": false, "id": "Config"},
-        {"name": "Instance Lifecycle",                      "parentId": "InDepth",           "isLeaf": false, "id": "InstanceLifecycle", "hidden":  true},
-        {"name": "User Input (Forms)",                      "parentId": "InDepth",           "isLeaf": false, "id": "Forms",  "hidden":  true},
-        {"name": "Component and Container Basics",          "parentId": "InDepth",           "isLeaf": true,  "id": "ComponentsAndContainers"},
-        {"name": "Layouts",                                 "parentId": "InDepth",           "isLeaf": false, "id": "Layouts", "hidden":  true},
-        {"name": "View Models",                             "parentId": "InDepth",           "isLeaf": true,  "id": "GuideViewModels"},
-        {"name": "Custom Components",                       "parentId": "InDepth",           "isLeaf": true,  "id": "CustomComponents", "hidden":  true},
-        {"name": "Events",                                  "parentId": "InDepth",           "isLeaf": true,  "expanded": false, "id": "GuideEvents"},
-        {"name": "Tables (Stores)",                         "parentId": "InDepth",           "isLeaf": false, "id": "Tables", "hidden":  true},
-        {"name": "Shared Bindable Data (Component Models)", "parentId": "InDepth",           "isLeaf": false, "id": "InDepthComponentModels", "hidden":  true},
-        {"name": "Multi-Window Applications",               "parentId": "InDepth",           "isLeaf": false, "id": "MultiWindow", "hidden":  true},
-        {"name": "Main Thread Addons",                      "parentId": "InDepth",           "isLeaf": false, "id": "MainThreadAddons", "hidden":  true},
-            {"name": "Introduction",                        "parentId": "MainThreadAddons",  "isLeaf": true,  "id": "MainThreadAddonIntro"},
-            {"name": "Example",                             "parentId": "MainThreadAddons",  "isLeaf": true,  "id": "MainThreadAddonExample"},
-        {"name": "Mixins",                                  "parentId": "InDepth",           "isLeaf": false, "id": "Mixins", "hidden":  true},
-    {"name": "JavaScript Classes",                          "parentId": null,                "isLeaf": false, "id": "JavaScriptClasses", "hidden":  true},
-        {"name": "Classes, Properties, and Methods",        "parentId": "JavaScriptClasses", "isLeaf": true,  "id": "2023-10-07T19-18-28-517Z"},
-        {"name": "Overriding Methods",                      "parentId": "JavaScriptClasses", "isLeaf": true,  "id": "2023-10-08T20-20-07-934Z"},
-        {"name": "Other JavaScript Class Features",         "parentId": "JavaScriptClasses", "isLeaf": true,  "id": "2023-10-08T20-20-37-336Z"},
-        {"name": "Super",                                   "parentId": "JavaScriptClasses", "isLeaf": true,  "id": "2023-10-08T21-58-25-809Z"},
-        {"name": "New Node",                                "parentId": "JavaScriptClasses", "isLeaf": true,  "id": "2023-10-31T13-59-37-550Z"},
-    {"name": "Appendix",                                    "parentId": null,                                 "id": "appendix",  "hidden":  true, "collapsed":  true},
-        {"name": "Stylesheet",                              "parentId": "appendix",          "isLeaf": true,  "id": "stylesheet"},
-        {"name": "Test",                                    "parentId": "appendix",          "isLeaf": true,  "id": "TestLivePreview"}
+    {"name": "Welcome!",                                    "parentId": null,                                 "id": "Welcome" },
+    {"name": "Benefits",                                    "parentId": null,                "isLeaf": false, "id": "Benefits"},
+        {"name": "Introduction ",                           "parentId": "Benefits",                           "id": "benefits.Introduction"},
+        {"name": "Off the Main Thread",                     "parentId": "Benefits",                           "id": "benefits.Multi-Threading"},
+        {"name": "Extreme Speed",                           "parentId": "Benefits",                           "id": "benefits.Speed"},
+        {"name": "Multi-Window Applications",               "parentId": "Benefits",                           "id": "benefits.Multi-Window"},
+        {"name": "Quick Application Development",           "parentId": "Benefits",                           "id": "benefits.Quick"},
+        {"name": "Complexity and Effort",                   "parentId": "Benefits",                           "id": "benefits.Effort"},
+        {"name": "Forms Engine",                            "parentId": "Benefits",                           "id": "benefits.FormsEngine"},
+        {"name": "Features and Benefits Summary",           "parentId": "Benefits",                           "id": "benefits.Features"},
+    {"name": "Getting Started",                             "parentId": null,                "isLeaf": false, "id": "GettingStarted", "collapsed": true},
+        {"name": "Setup",                                   "parentId": "GettingStarted",                     "id": "gettingstarted.Setup"},
+        {"name": "Workspaces and Applications",             "parentId": "GettingStarted",                     "id": "gettingstarted.Workspaces"},
+        {"name": "Describing a View",                       "parentId": "GettingStarted",                     "id": "gettingstarted.DescribingTheUI"},
+        {"name": "Events",                                  "parentId": "GettingStarted",                     "id": "gettingstarted.Events"},
+        {"name": "Component References",                    "parentId": "GettingStarted",                     "id": "gettingstarted.References"},
+        {"name": "Extending Classes",                       "parentId": "GettingStarted",                     "id": "gettingstarted.Extending"},
+        {"name": "Config",                                  "parentId": "GettingStarted",                     "id": "gettingstarted.Config"},
+        {"name": "Shared Bindable Data",                    "parentId": "GettingStarted",                     "id": "gettingstarted.ComponentModels"},
+    {"name": "Tutorials",                                   "parentId": null,                "isLeaf": false, "id": "Tutorials",  "collapsed": true},
+        {"name": "Rock Scissors Paper",                     "parentId": "Tutorials",                          "id": "tutorials.RSP", "hidden": true},
+        {"name": "Earthquakes",                             "parentId": "Tutorials",                          "id": "tutorials.Earthquakes"},
+        {"name": "Todo List",                               "parentId": "Tutorials",                          "id": "tutorials.TodoList"},
+    {"name": "Guides",                                      "parentId": null,                "isLeaf": false, "id": "InDepth",  "collapsed": true},
+        {"name": "Instance Lifecycle",                      "parentId": "InDepth",                            "id": "guides.InstanceLifecycle", "hidden": true},
+        {"name": "User Input (Forms)",                      "parentId": "InDepth",                            "id": "guides.Forms",  "hidden": true},
+        {"name": "Component and Container Basics",          "parentId": "InDepth",                            "id": "guides.ComponentsAndContainers"},
+        {"name": "Layouts",                                 "parentId": "InDepth",           "isLeaf": false, "id": "guides.Layouts", "hidden": true},
+        {"name": "Shared Bindable Data (Component Models)", "parentId": "InDepth",                            "id": "guides.ViewModels"},
+        {"name": "Custom Components",                       "parentId": "InDepth",                            "id": "guides.CustomComponents", "hidden": true},
+        {"name": "Events",                                  "parentId": "InDepth",           "isLeaf": false, "id": "GuideEvents"},
+            {"name": "Custom Events",                       "parentId": "GuideEvents",                        "id": "guides.events.CustomEvents"},
+            {"name": "DOM Events",                          "parentId": "GuideEvents",                        "id": "guides.events.DomEvents"},
+        {"name": "Tables (Stores)",                         "parentId": "InDepth",                            "id": "guides.Tables", "hidden": true},
+        {"name": "Multi-Window Applications",               "parentId": "InDepth",                            "id": "guides.MultiWindow", "hidden":  true},
+        {"name": "Main Thread Addons",                      "parentId": "InDepth",           "isLeaf": false, "id": "MainThreadAddons", "hidden": true},
+            {"name": "Introduction",                        "parentId": "MainThreadAddons",                   "id": "guides.MainThreadAddonIntro"},
+            {"name": "Example",                             "parentId": "MainThreadAddons",                   "id": "guides.MainThreadAddonExample"},
+        {"name": "Mixins",                                  "parentId": "InDepth",                            "id": "guides.Mixins", "hidden": true},
+    {"name": "JavaScript Classes",                          "parentId": null,                "isLeaf": false, "id": "JavaScript", "hidden": true},
+        {"name": "Classes, Properties, and Methods",        "parentId": "JavaScript",                         "id": "javascript.Classes"},
+        {"name": "Overriding Methods",                      "parentId": "JavaScript",                         "id": "javascript.Overrides"},
+        {"name": "Other JavaScript Class Features",         "parentId": "JavaScript",                         "id": "javascript.ClassFeatures"},
+        {"name": "Super",                                   "parentId": "JavaScript",                         "id": "javascript.Super"},
+        {"name": "New Node",                                "parentId": "JavaScript",                         "id": "javascript.NewNode"}
 ]}

package/resources/scss/src/component/Splitter.scss

@@ -1,9 +1,10 @@
 .neo-splitter {
     background-color: var(--splitter-background-color);
     border          : var(--splitter-border);
+    border-radius   : var(--splitter-border-radius);
     transition      : background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
 
-    &:hover {
+    &:active, &:hover {
         background-color: var(--splitter-hover-color);
         border-color    : var(--splitter-hover-color);
     }
@@ -12,12 +13,14 @@
         border-left : none;
         border-right: none;
         cursor      : ns-resize;
+        margin      : var(--splitter-margin-horizontal);
     }
 
     &.neo-vertical {
         border-bottom: none;
         border-top   : none;
         cursor       : ew-resize;
+        margin      : var(--splitter-margin-vertical);
     }
 }
 
@@ -25,5 +28,11 @@
     &.neo-splitter {
         background-color: var(--splitter-hover-color);
         border-color    : var(--splitter-hover-color);
+
+        &.neo-horizontal, &.neo-vertical {
+            // getBoundingClientRect() already adds margins to positions,
+            // so it would get added twice unless we nullify it.
+            margin: 0;
+        }
     }
 }

package/resources/scss/theme-dark/component/Splitter.scss

@@ -1,5 +1,8 @@
 :root .neo-theme-dark { // .neo-splitter
-    --splitter-background-color: #3c3f41;
-    --splitter-border          : 1px solid #323232;
-    --splitter-hover-color     : #64B5F6;
+    --splitter-background-color : #3c3f41;
+    --splitter-border           : 1px solid #323232;
+    --splitter-border-radius    : 0;
+    --splitter-hover-color      : #64B5F6;
+    --splitter-margin-horizontal: 0;
+    --splitter-margin-vertical  : 0;
 }

package/resources/scss/theme-light/component/Splitter.scss

@@ -1,5 +1,8 @@
 :root .neo-theme-light { // .neo-splitter
-    --splitter-background-color: #f2f2f2;
-    --splitter-border          : 1px solid #ddd;
-    --splitter-hover-color     : #5d83a7
+    --splitter-background-color : #f2f2f2;
+    --splitter-border           : 1px solid #ddd;
+    --splitter-border-radius    : 0;
+    --splitter-hover-color      : #5d83a7;
+    --splitter-margin-horizontal: 0;
+    --splitter-margin-vertical  : 0;
 }

package/resources/scss/theme-neo-light/component/Splitter.scss

@@ -1,22 +1,8 @@
 :root .neo-theme-neo-light { // .neo-splitter
-    --splitter-background-color: #f2f2f2;
-    --splitter-border          : 1px solid #ddd;
-    --splitter-hover-color     : #5d83a7;
-
-    .neo-splitter {
-        opacity: 1;
-        margin: 8px 2px;
-        border-radius: 100px;
-        border: unset !important;
-
-        &:hover, &:active {
-            background-color: #5595F5 !important;
-        }
-    }
-
-    .neo-dragproxy {
-        &.neo-splitter {
-            background-color: #5595F5 !important;
-        }
-    }
+    --splitter-background-color : #f2f2f2;
+    --splitter-border           : none;
+    --splitter-border-radius    : 5px;
+    --splitter-hover-color      : #5595F5;
+    --splitter-margin-horizontal: 2px 8px;
+    --splitter-margin-vertical  : 8px 2px;
 }

package/src/DefaultConfig.mjs

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

package/src/code/LivePreview.mjs

@@ -4,6 +4,7 @@ import TabContainer from '../tab/Container.mjs';
 
 const
     classDeclarationRegex = /class\s+([a-zA-Z$_][a-zA-Z0-9$_]*)\s*(?:extends\s+[a-zA-Z$_][a-zA-Z0-9$_]*)?\s*{[\s\S]*?}/g,
+    classNameRegex        = /className\s*:\s*['"]([^'"]+)['"]/g,
     exportRegex           = /export\s+(?:default\s+)?(?:const|let|var|class|function|async\s+function|generator\s+function|async\s+generator\s+function|(\{[\s\S]*?\}))/g,
     importRegex           = /import\s+([\w-]+)\s+from\s+['"]([^'"]+)['"]/;
 
@@ -294,6 +295,18 @@ class LivePreview extends Container {
 
         container.removeAll();
 
+        // We must ensure that classes inside the editor won't get cached, since this disables run-time changes
+        // See: https://github.com/neomjs/neo/issues/5863
+        me.findClassNames(codeString).forEach(item => {
+            let nsArray   = item.split('.'),
+                className = nsArray.pop(),
+                ns        = Neo.ns(nsArray);
+
+            if (ns) {
+                delete ns[className]
+            }
+        });
+
         try {
             new Function('container', codeString)(container);
         } catch (error) {
@@ -304,6 +317,21 @@ class LivePreview extends Container {
         }
     }
 
+    /**
+     * @param {String} sourceCode
+     * @returns {String[]}
+     */
+    findClassNames(sourceCode) {
+        let classNames = [],
+            match;
+
+        while ((match = classNameRegex.exec(sourceCode)) !== null) {
+            classNames.push(match[1])
+        }
+
+        return classNames
+    }
+
     /**
      * @param {String} sourceCode
      * @returns {String|null}
@@ -312,7 +340,6 @@ class LivePreview extends Container {
         let lastClassName = null,
             match;
 
-        // Iterate through all matches of the regular expression
         while ((match = classDeclarationRegex.exec(sourceCode)) !== null) {
             // Update the last class name found
             lastClassName = match[1]

package/src/collection/Base.mjs

@@ -76,6 +76,7 @@ class Base extends CoreBase {
         /**
          * A map containing the key & reference of each collection item for faster access
          * @member {Map} map_=null
+         * @protected
          */
         map_: null,
         /**

package/src/component/Splitter.mjs

@@ -117,6 +117,22 @@ class Splitter extends Component {
         this[this.direction === 'vertical' ? 'width' : 'height'] = value
     }
 
+    /**
+     * Triggered after the windowId config got changed
+     * @param {Number|null} value
+     * @param {Number|null} oldValue
+     * @protected
+     */
+    afterSetWindowId(value, oldValue) {
+        super.afterSetWindowId(value, oldValue);
+
+        let {dragZone} = this;
+
+        if (dragZone) {
+            dragZone.windowId = value
+        }
+    }
+
     /**
      * Triggered before the direction config gets changed
      * @param {String} value
@@ -198,16 +214,17 @@ class Splitter extends Component {
      * @param data
      */
     onDragStart(data) {
-        let me       = this,
-            style    = me.style || {},
-            vertical = me.direction === 'vertical';
+        let me                  = this,
+            style               = me.style || {},
+            vertical            = me.direction === 'vertical',
+            {appName, windowId} = me;
 
         me.parent.disabled = true;
 
         if (!me.dragZone) {
             me.dragZone = Neo.create({
                 module             : DragZone,
-                appName            : me.appName,
+                appName,
                 bodyCursorStyle    : vertical ? 'ew-resize !important' : 'ns-resize !important',
                 boundaryContainerId: me.parentId,
                 dragElement        : me.vdom,
@@ -215,6 +232,7 @@ class Splitter extends Component {
                 moveVertical       : !vertical,
                 owner              : me,
                 useProxyWrapper    : false,
+                windowId,
                 ...me.dragZoneConfig
             })
         } else {

package/src/controller/Component.mjs

@@ -1,5 +1,6 @@
-import Base   from './Base.mjs';
-import Logger from '../util/Logger.mjs';
+import Base              from './Base.mjs';
+import {resolveCallback} from '../util/Function.mjs';
+import Logger            from '../util/Logger.mjs';
 
 /**
  * @class Neo.controller.Component
@@ -71,7 +72,7 @@ class Component extends Base {
 
     /**
      * @param {String} handlerName
-     * @param {Neo.component.Base} component
+     * @param {Neo.component.Base} [component]
      * @returns {Neo.controller.Component|Boolean|null}
      */
     getHandlerScope(handlerName, component) {
@@ -81,7 +82,7 @@ class Component extends Base {
         if (component) {
             // Look for ths function *name* first in the Component itself.
             // If we find it, return true so calling code knows not to continue to search.
-            const handlerCb = component.resolveCallback(handlerName, component);
+            const handlerCb = resolveCallback(handlerName, component);
 
             // Handler fn is resolved in the Component or its own parent chain.
             // Return a status indicating that we do not need an early binding
@@ -91,8 +92,7 @@ class Component extends Base {
         }
 
         return Neo.isFunction(me[handlerName]) ?
-            me : parent ?
-            parent.getHandlerScope(handlerName) : null
+            me : parent?.getHandlerScope(handlerName) || null
     }
 
     /**
@@ -114,7 +114,7 @@ class Component extends Base {
             {parent} = me;
 
         if (parent) {
-            return parent;
+            return parent
         }
 
         return me.component.parent?.getController() || null
@@ -238,9 +238,9 @@ class Component extends Base {
                     if (eventHandler) {
                         scope = me.getHandlerScope(eventHandler);
 
-                        if (!scope) {
-                            Logger.logError('Unknown domEvent handler for', eventHandler, component)
-                        } else {
+                        // There can be string based listeners like 'up.onClick', which will resolved inside manager.DomEvents
+                        // => Do nothing in case there is no match inside the controller hierarchy.
+                        if (scope) {
                             domListener[key] = scope[eventHandler].bind(scope)
                         }
                     }

package/src/core/Observable.mjs

@@ -1,4 +1,5 @@
-import Base from './Base.mjs';
+import Base              from './Base.mjs';
+import {resolveCallback} from '../util/Function.mjs';
 
 /**
  * @class Neo.core.Observable
@@ -136,7 +137,7 @@ class Observable extends Base {
      */
     callback(fn, scope=this, args) {
         if (fn) {
-            const handler = this.resolveCallback(fn, scope);
+            const handler = resolveCallback(fn, scope);
             handler.fn.apply(handler.scope, args)
         }
     }
@@ -172,7 +173,7 @@ class Observable extends Base {
 
                 // Resolve function name on the scope (or me), or, if it starts with 'up.'
                 // look in the ownership hierarchy from me.
-                const cb = me.resolveCallback(handler.fn, handler.scope || me);
+                const cb = resolveCallback(handler.fn, handler.scope || me);
 
                 // remove the listener if the scope no longer exists
                 if (cb.scope && !cb.scope.id) {
@@ -338,30 +339,6 @@ class Observable extends Base {
 
     // }
 
-    /**
-     * Locate a callable function by name in the passed scope.
-     *
-     * If the name starts with 'up.', the parent Component chain is searched.
-     *
-     * This is used by Observable.fire and by 'handler' function calls to resolve
-     * string function names in the Component's own hierarchy.
-     * @param {Function|String} fn A function, or the name of a function to find in the passed scope object/
-     * @param {Object} scope The scope to find the function in if it is specified as a string.
-     * @returns {Object}
-     */
-    resolveCallback(fn, scope=this) {
-        if (typeof fn === 'string') {
-            if (!scope[fn] && fn.startsWith('up.')) {
-                fn = fn.slice(3);
-                while (!scope[fn] && (scope = scope.parent));
-            }
-
-            fn = scope[fn]
-        }
-
-        return {fn, scope}
-    }
-
     /**
      * Alias for removeListener
      * @param {Object|String} name

package/src/draggable/DragZone.mjs

@@ -305,16 +305,17 @@ class DragZone extends Base {
      * @param {Object} data
      */
     dragStart(data) {
-        let me      = this,
-            {owner} = me,
-            {cls}   = owner,
-            rect    = me.getDragElementRect(data),
+        let me                         = this,
+            {appName, owner, windowId} = me,
+            {cls}                      = owner,
+            rect                       = me.getDragElementRect(data),
             offsetX, offsetY;
 
         me.setData();
 
         Neo.main.addon.DragDrop.setConfigs({
-            appName: me.appName,
+            appName,
+            windowId,
             ...me.getMainThreadConfigs()
         });