neo.mjs 4.3.5 → 4.3.7

package/README.md

@@ -3,11 +3,12 @@
 </p>
 
 <p align="center">
-  <a href="https://npmcharts.com/compare/neo.mjs?minimal=true"><img src="https://img.shields.io/npm/dm/neo.mjs.svg" alt="Downloads"></a>
-  <a href="https://www.npmjs.com/package/neo.mjs"><img src="https://img.shields.io/npm/v/neo.mjs.svg" alt="Version"></a>
-  <a href="https://www.npmjs.com/package/neo.mjs"><img src="https://img.shields.io/npm/l/neo.mjs.svg" alt="License"></a>
-  <a href="https://discord.gg/6p8paPq"><img src="https://img.shields.io/discord/656620537514164249?label=discord%20chat" alt="Chat"></a>
-  <a href="./CONTRIBUTING.md"><img src="https://img.shields.io/badge/PRs-welcome-green.svg" alt="PRs Welcome"></a>
+  <a href="https://npmcharts.com/compare/neo.mjs?minimal=true"><img src="https://img.shields.io/npm/dm/neo.mjs.svg?label=Downloads" alt="Downloads"></a>
+  <a href="https://www.npmjs.com/package/neo.mjs"><img src="https://img.shields.io/npm/v/neo.mjs.svg?logo=npm" alt="Version"></a>
+  <a href="https://www.npmjs.com/package/neo.mjs"><img src="https://img.shields.io/npm/l/neo.mjs.svg?label=License" alt="License"></a>
+  <a href="https://join.slack.com/t/neomjs/shared_invite/zt-6c50ueeu-3E1~M4T9xkNnb~M_prEEOA"><img src="https://img.shields.io/badge/Slack-neo.mjs-brightgreen.svg?logo=slack" alt="Join the Slack channel"></a>
+  <a href="https://discord.gg/6p8paPq"><img src="https://img.shields.io/discord/656620537514164249?label=Discord&logo=discord&logoColor=white" alt="Discord Chat"></a>
+  <a href="./CONTRIBUTING.md"><img src="https://img.shields.io/badge/PRs-welcome-green.svg?logo=GitHub&logoColor=white" alt="PRs Welcome"></a>
 </p>
 
 # Welcome to neo.mjs!
@@ -38,9 +39,9 @@ No need to take care of a workers setup, and the cross channel communication on
 14. <a href="#jobs">Jobs</a>
 
 </br></br>
-<h2 id="slack-channel">1. Slack Channel for questions & feedback</h2>
-Join our community:
-<a href="https://join.slack.com/t/neomjs/shared_invite/zt-6c50ueeu-3E1~M4T9xkNnb~M_prEEOA">Slack Channel Invite Link</a>
+<h2 id="slack-channel">1. Slack Channel for questions, ideas & feedback</h2>
+Join our community:</br>
+<a href="https://join.slack.com/t/neomjs/shared_invite/zt-6c50ueeu-3E1~M4T9xkNnb~M_prEEOA"><img src="https://img.shields.io/badge/Slack-neo.mjs-brightgreen.svg?logo=slack&style=for-the-badge" alt="Join the Slack channel"></a>
 
 </br></br>
 <h2 id="architectures">2. Scalable frontend architectures</h2>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "4.3.5",
+    "version": "4.3.7",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -46,7 +46,7 @@
         "autoprefixer": "^10.4.12",
         "chalk": "^5.0.1",
         "clean-webpack-plugin": "^4.0.0",
-        "commander": "^9.4.0",
+        "commander": "^9.4.1",
         "cssnano": "^5.1.13",
         "envinfo": "^7.8.1",
         "fs-extra": "^10.1.0",
@@ -54,7 +54,7 @@
         "inquirer": "^9.1.2",
         "neo-jsdoc": "^1.0.1",
         "neo-jsdoc-x": "^1.0.4",
-        "postcss": "^8.4.16",
+        "postcss": "^8.4.17",
         "sass": "^1.55.0",
         "webpack": "^5.74.0",
         "webpack-cli": "^4.10.0",

package/resources/scss/src/button/Base.scss

@@ -67,7 +67,7 @@
         pointer-events  : none;
         position        : absolute;
         user-select     : none;
-        z-index         : 2;
+        z-index         : 3;
 
         &.neo-bottom-left {
             bottom: v(button-badge-margin-top);

package/resources/scss/src/component/DateSelector.scss

@@ -152,7 +152,7 @@
         min-height      : 30px;
 
         .neo-center-region {
-            align-items    : center;
+            align-items    : stretch;
             display        : flex;
             flex           : 1 1 auto;
             justify-content: center;
@@ -163,14 +163,14 @@
                 display        : flex;
                 flex           : 1;
                 font-weight    : bold;
-                height         : 1em;
                 justify-content: end;
             }
 
             .neo-year-text {
+                align-items: center;
                 color      : v(dateselector-header-year-text-color);
+                display    : flex;
                 flex       : 1;
-                height     : 1em;
                 margin-left: .25em;
             }
         }

package/src/button/Base.mjs

@@ -398,8 +398,7 @@ class Base extends Component {
      */
     beforeSetIconCls(value, oldValue) {
         if (value && !Array.isArray(value)) {
-            value = value.split(' ');
-            value = value.filter(Boolean);
+            value = value.split(' ').filter(Boolean);
         }
 
         return value;

package/src/draggable/toolbar/DragZone.mjs

@@ -80,7 +80,7 @@ class DragZone extends BaseDragZone {
 
                 setTimeout(() => {
                     me.dragEnd();
-                }, 300);
+                }, 100);
             }, 30);
         }
     }

package/src/draggable/toolbar/SortZone.mjs

@@ -81,7 +81,9 @@ class SortZone extends DragZone {
     /**
      * @param {Object} data
      */
-    onDragEnd(data) {
+    async onDragEnd(data) {
+        await Neo.timeout(10);
+
         let me         = this,
             owner      = me.owner,
             itemStyles = me.itemStyles,
@@ -125,6 +127,8 @@ class SortZone extends DragZone {
                 startIndex  : -1
             });
 
+            await Neo.timeout(30);
+
             me.dragEnd(data); // we do not want to trigger the super class call here
         }
     }
@@ -235,7 +239,7 @@ class SortZone extends DragZone {
                     itemStyle = button.style || {};
                     itemStyle.visibility = 'hidden';
                     button.style = itemStyle;
-                }, 30);
+                }, 5);
             });
         }
     }

package/src/form/field/Text.mjs

@@ -305,7 +305,7 @@ class Text extends Base {
 
         NeoArray.remove(cls, 'label-' + oldValue);
         NeoArray.add(cls, 'label-' + value);
-        me[oldValue === 'inline' || value === 'inline' ? '_cls' : 'cls'] = cls; // silent update if needed
+        me.cls = cls; // todo: silent update if needed
 
         if (oldValue === 'inline') {
             vdom = me.vdom;
@@ -558,17 +558,19 @@ class Text extends Base {
      */
     afterSetValue(value, oldValue) {
         let me   = this,
+            cls  = me.cls,
             vdom = me.vdom;
 
         me.getInputEl().value = value;
 
         if (!!value !== !!oldValue) { // change from empty to non-empty
-            NeoArray[value && value.toString().length > 0 ? 'add' : 'remove'](me._cls, 'neo-has-content');
+            NeoArray[value && value.toString().length > 0 ? 'add' : 'remove'](cls, 'neo-has-content');
         }
 
-        NeoArray[me.originalConfig.value !== value ? 'add' : 'remove'](me._cls, 'neo-is-dirty');
+        NeoArray[me.originalConfig.value !== value ? 'add' : 'remove'](cls, 'neo-is-dirty');
         me.validate(); // silent
 
+        me.cls  = cls;
         me.vdom = vdom;
 
         super.afterSetValue(value, oldValue); // fires the change event

package/src/main/draggable/sensor/Mouse.mjs

@@ -13,13 +13,15 @@ class Mouse extends Base {
          */
         className: 'Neo.main.draggable.sensor.Mouse',
         /**
-         * @member {Number} delay=0
+         * Delay in ms before a drag OP starts.
+         * Useful to avoid drag OPs on double-clicks.
+         * @member {Number} delay=100
          */
-        delay: 0,
+        delay: 100,
         /**
-         * @member {Number} minDistance=1
+         * @member {Number} minDistance=5
          */
-        minDistance: 1,
+        minDistance: 5,
         /**
          * @member {Number} mouseDownTime=0
          */