neo.mjs 5.10.7 → 5.10.9

package/apps/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='5.10.7'
+         * @member {String} version='5.10.9'
          */
-        version: '5.10.7'
+        version: '5.10.9'
     }
 
     /**

package/buildScripts/buildThemes.mjs

@@ -7,7 +7,7 @@ import fs           from 'fs-extra';
 import inquirer     from 'inquirer';
 import path         from 'path';
 import postcss      from 'postcss';
-import sass         from 'sass';
+import * as sass    from 'sass';
 
 const __dirname          = path.resolve(),
       cwd                = process.cwd(),

package/buildScripts/watchThemes.mjs

@@ -3,7 +3,7 @@ import chalk        from 'chalk';
 import fs           from 'fs-extra';
 import path         from 'path';
 import postcss      from 'postcss';
-import sass         from 'sass';
+import * as sass    from 'sass';
 
 let cwd             = process.cwd(),
     requireJson     = path => JSON.parse(fs.readFileSync((path))),

package/examples/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='5.10.7'
+         * @member {String} version='5.10.9'
          */
-        version: '5.10.7'
+        version: '5.10.9'
     }
 
     /**

package/examples/button/split/MainContainer.mjs

@@ -2,6 +2,7 @@ import CheckBox              from '../../../src/form/field/CheckBox.mjs';
 import ConfigurationViewport from '../../ConfigurationViewport.mjs';
 import Radio                 from '../../../src/form/field/Radio.mjs';
 import NumberField           from '../../../src/form/field/Number.mjs';
+import SelectField           from '../../../src/form/field/Select.mjs';
 import SplitButton           from '../../../src/button/Split.mjs';
 import TextField             from '../../../src/form/field/Text.mjs';
 
@@ -87,6 +88,22 @@ class MainContainer extends ConfigurationViewport {
             listeners : {change: me.onConfigChange.bind(me, 'text')},
             style     : {marginTop: '10px'},
             value     : me.exampleComponent.text
+        }, {
+            module        : SelectField,
+            forceSelection: true,
+            labelText     : 'ui',
+            listeners     : {change: me.onConfigChange.bind(me, 'ui')},
+            style         : {marginTop: '10px'},
+            value         : me.exampleComponent.ui,
+
+            store: {
+                data: [
+                    {id: 'ghost',     name: 'ghost'},
+                    {id: 'primary',   name: 'primary'},
+                    {id: 'secondary', name: 'secondary'},
+                    {id: 'tertiary',  name: 'tertiary'}
+                ]
+            }
         }, {
             module    :  NumberField,
             clearable : true,
@@ -104,6 +121,7 @@ class MainContainer extends ConfigurationViewport {
             module : SplitButton,
             iconCls: 'fa fa-home',
             text   : 'Hello World',
+            ui     : 'ghost',
 
             handler: data => {
                 console.log('button click =>', data.component.id);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "5.10.7",
+    "version": "5.10.9",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -47,7 +47,7 @@
         "autoprefixer": "^10.4.14",
         "chalk": "^5.2.0",
         "clean-webpack-plugin": "^4.0.0",
-        "commander": "^10.0.1",
+        "commander": "^11.0.0",
         "cssnano": "^6.0.1",
         "envinfo": "^7.8.1",
         "fs-extra": "^11.1.1",
@@ -56,8 +56,8 @@
         "neo-jsdoc": "^1.0.1",
         "neo-jsdoc-x": "^1.0.5",
         "postcss": "^8.4.24",
-        "sass": "1.62.1",
-        "webpack": "^5.86.0",
+        "sass": "^1.63.4",
+        "webpack": "^5.87.0",
         "webpack-cli": "^5.1.4",
         "webpack-dev-server": "4.15.1",
         "webpack-hook-plugin": "^1.0.7",
@@ -65,7 +65,7 @@
     },
     "devDependencies": {
         "siesta-lite": "5.5.2",
-        "url": "^0.11.0"
+        "url": "^0.11.1"
     },
     "funding": {
         "type": "GitHub Sponsors",

package/src/DefaultConfig.mjs

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

package/src/button/Split.mjs

@@ -174,13 +174,18 @@ class Split extends Button {
      * @param {String|null} oldValue
      */
     afterSetUi(value, oldValue) {
-        let triggerButton = this.triggerButton;
+        let me            = this,
+            ntype         = me.ntype,
+            triggerButton = me.triggerButton;
 
         if (triggerButton) {
             triggerButton.ui = value;
         }
 
+        // we do want to assign a button based ui to the vdomRoot
+        me.ntype = 'button';
         super.afterSetUi(value, oldValue);
+        me.ntype = ntype;
     }
 
     /**

package/src/main/DomEvents.mjs

@@ -411,12 +411,15 @@ class DomEvents extends Base {
      * @param {Object} event
      */
     onChange(event) {
-        let target = event.target,
+        let me      = this,
+            target  = event.target,
+            tagName = target.tagName,
+            value   = target.value,
 
         data = {
-            ...this.getEventData(event),
+            ...me.getEventData(event),
             valid: target.checkValidity(),
-            value: (target.tagName === 'INPUT') ? StringUtil.escapeHtml(target.value) : target.value
+            value: tagName === 'INPUT' ? StringUtil.escapeHtml(value) : tagName === 'TEXTAREA' ? me.stripHtml(value) : value
         };
 
         // input and change events can pass a FileList for input type file
@@ -424,7 +427,7 @@ class DomEvents extends Base {
             data.files = target.files;
         }
 
-        this.sendMessageToApp(data);
+        me.sendMessageToApp(data);
     }
 
     /**
@@ -512,7 +515,8 @@ class DomEvents extends Base {
      */
     onKeyDown(event) {
         let target  = event.target,
-            isInput = target.nodeName === 'INPUT';
+            tagName = target.tagName,
+            isInput = tagName === 'INPUT' || tagName === 'TEXTAREA';
 
         if (isInput && disabledInputKeys[target.id]?.includes(event.key)) {
             event.preventDefault();
@@ -721,6 +725,17 @@ class DomEvents extends Base {
         })
     }
 
+    /**
+     * hello <foo>world thorsten! 3 < 4 and 5 > 3
+     * @param {String} value
+     * @returns {String}
+     */
+    stripHtml(value) {
+        let doc = new DOMParser().parseFromString(value, 'text/html');
+
+        return doc.body.textContent || '';
+    }
+
     /**
      * @param {Object} event
      * @param {Object} targetArray