neo.mjs 4.0.11 → 4.0.14

package/examples/model/dialog/MainContainerController.mjs

@@ -24,10 +24,7 @@ class MainContainerController extends Component {
         let me = this;
 
         if (!me.dialog) {
-            import(
-                /* webpackChunkName: 'examples/model/dialog/EditUserDialog' */
-                './EditUserDialog.mjs'
-            ).then(module => {
+            import('./EditUserDialog.mjs').then(module => {
                 me.dialog = Neo.create({
                     module         : module.default,
                     animateTargetId: me.getReference('edit-user-button').id,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "4.0.11",
+    "version": "4.0.14",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {

package/resources/examples/data/ai_contacts.json

@@ -501,7 +501,6 @@
         {"id" : 498, "firstname" : "John", "lastname" : "Doe",   "isOnline" : false, "image" : "ai_images/000498.jpg"},
         {"id" : 499, "firstname" : "John", "lastname" : "Doe",   "isOnline" : false, "image" : "ai_images/000499.jpg"},
         {"id" : 500, "firstname" : "John", "lastname" : "Doe",   "isOnline" : false, "image" : "ai_images/000500.jpg"},
-
         {"id" : 501, "firstname" : "John", "lastname" : "Doe",   "isOnline" : false, "image" : "ai_images/000501.jpg"},
         {"id" : 502, "firstname" : "John", "lastname" : "Doe",   "isOnline" : false, "image" : "ai_images/000502.jpg"},
         {"id" : 503, "firstname" : "John", "lastname" : "Doe",   "isOnline" : false, "image" : "ai_images/000503.jpg"},
@@ -602,4 +601,4 @@
         {"id" : 599, "firstname" : "John", "lastname" : "Doe",   "isOnline" : false, "image" : "ai_images/000599.jpg"},
         {"id" : 600, "firstname" : "John", "lastname" : "Doe",   "isOnline" : false, "image" : "ai_images/000600.jpg"}
     ]
-}
+}

package/resources/scss/src/dialog/Base.scss

@@ -23,6 +23,7 @@
     position : absolute;
     top      : 50%;
     transform: translate(-50%, -50%);
+    z-index  : 20; // ensure to be on top of table headers
 
     transition-duration       : 200ms;
     transition-property       : height, left, top, transform, width;
@@ -51,6 +52,11 @@
     position: relative;
 
     &.neo-panel {
+        .neo-footer-toolbar {
+            border    : none;
+            border-top: 1px solid v(dialog-border-color);
+        }
+
         .neo-header-toolbar {
             border       : none;
             border-bottom: 1px solid v(dialog-border-color);
@@ -84,4 +90,4 @@
             }
         }
     }
-}
+}

package/src/data/Store.mjs

@@ -30,6 +30,19 @@ class Store extends Base {
          */
         ntype: 'store',
         /**
+         * Instead of setting an url, you can define the RPC BE API methods.
+         * In case the 4 methods are using the same service and this service is using the CRUD based fn-names,
+         * you can switch to a string based shortcut.
+         * The following 2 examples are equivalent.
+         * @example
+         * api: {
+         *    create : 'MyApp.backend.UserService.create',
+         *    destroy: 'MyApp.backend.UserService.destroy',
+         *    read   : 'MyApp.backend.UserService.read',
+         *    update : 'MyApp.backend.UserService.update'
+         * }
+         * @example
+         * api: 'MyApp.backend.UserService'
          * @member {Object|String|null} api_=null
          */
         api_: null,
@@ -147,6 +160,25 @@ class Store extends Base {
         }
     }
 
+    /**
+     * @param {Object|String|null} value
+     * @param {Object|String|null} oldValue
+     * @protected
+     * @returns {Object|null}
+     */
+    beforeSetApi(value, oldValue) {
+        if (Neo.typeOf(value) === 'String') {
+            value = {
+                create : value + '.create',
+                destroy: value + '.destroy',
+                read   : value + '.read',
+                update : value + '.update'
+            };
+        }
+
+        return value;
+    }
+
     /**
      * @param value
      * @param oldValue