neo.mjs 4.0.46 → 4.0.49

package/buildScripts/webpack/production/webpack.config.appworker.mjs

@@ -16,7 +16,8 @@ const cwd                   = process.cwd(),
       regexTrimEnd          = /\s+$/gm,
       regexTrimStart        = /^\s+/gm;
 
-let config, examplesPath;
+let contextAdjusted = false,
+    config, examplesPath;
 
 if (fs.existsSync(configPath)) {
     config = requireJson(configPath);
@@ -134,8 +135,11 @@ export default env => {
 
         plugins: [
             new webpack.ContextReplacementPlugin(/.*/, context => {
-                if (!insideNeo && context.context.includes('/src/worker')) {
-                    context.request = '../../' + context.request;
+                let con = context.context;
+
+                if (!insideNeo && !contextAdjusted && (con.includes('/src/worker') || con.includes('\\src\\worker'))) {
+                    context.request = path.join('../../', context.request);
+                    contextAdjusted = true;
                 }
             }),
             ...plugins

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "4.0.46",
+    "version": "4.0.49",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -42,11 +42,11 @@
         "chalk": "^5.0.1",
         "clean-webpack-plugin": "^4.0.0",
         "commander": "^9.3.0",
-        "cssnano": "^5.1.11",
+        "cssnano": "^5.1.12",
         "envinfo": "^7.8.1",
         "fs-extra": "^10.1.0",
         "highlightjs-line-numbers.js": "^2.8.0",
-        "inquirer": "^8.2.4",
+        "inquirer": "^9.0.0",
         "neo-jsdoc": "^1.0.1",
         "neo-jsdoc-x": "^1.0.4",
         "postcss": "^8.4.14",

package/src/component/Base.mjs

@@ -1007,7 +1007,7 @@ class Base extends CoreBase {
      * @returns {Promise<*>}
      */
     getDomRect(id=this.id, appName=this.appName) {
-        return Neo.main.DomAccess.getBoundingClientRect({ appName, id });
+        return Neo.main.DomAccess.getBoundingClientRect({appName, id});
     }
 
     /**

package/src/component/DateSelector.mjs

@@ -326,8 +326,9 @@ class DateSelector extends Component {
             me.currentDate = new Date(`${value}T00:00:00`);
 
             me.fire('change', {
-                oldValue: oldValue,
-                value   : value
+                component: me,
+                oldValue,
+                value
             });
         } else {
             me.cacheUpdate();

package/src/component/mwc/TextField.mjs

@@ -191,8 +191,8 @@ class TextField extends Component {
 
         me.fire('change', {
             component: me,
-            oldValue : oldValue,
-            value    : value
+            oldValue,
+            value
         });
     }
 

package/src/draggable/DragZone.mjs

@@ -325,8 +325,8 @@ class DragZone extends Base {
 
         Object.assign(me, {
             dragElementRect: rect,
-            offsetX        : offsetX,
-            offsetY        : offsetY
+            offsetX,
+            offsetY
         });
 
         me.createDragProxy(rect);
@@ -337,8 +337,8 @@ class DragZone extends Base {
             dragElementRect: rect,
             eventData      : data,
             id             : me.id,
-            offsetX        : offsetX,
-            offsetY        : offsetY
+            offsetX,
+            offsetY
         });
     }
 

package/src/filter/BooleanContainer.mjs

@@ -45,8 +45,8 @@ class BooleanContainer extends Container {
         if (oldValue !== undefined) {
             this.fire('change', {
                 component: this,
-                oldValue : oldValue,
-                value    : value
+                oldValue,
+                value
             });
         }
     }

package/src/filter/NumberContainer.mjs

@@ -59,8 +59,8 @@ class NumberContainer extends Container {
         if (oldValue !== undefined) {
             this.fire('operatorChange', {
                 component: this,
-                oldValue : oldValue,
-                value    : value
+                oldValue,
+                value
             });
         }
     }
@@ -74,8 +74,8 @@ class NumberContainer extends Container {
         if (oldValue !== undefined) {
             this.fire('change', {
                 component: this,
-                oldValue : oldValue,
-                value    : value
+                oldValue,
+                value
             });
         }
     }

package/src/filter/ToggleOperatorsButton.mjs

@@ -53,8 +53,8 @@ class ToggleOperatorsButton extends Button {
 
             me.fire('change', {
                 component: me,
-                oldValue : oldValue,
-                value    : value
+                oldValue,
+                value
             });
         }
     }

package/src/form/field/Base.mjs

@@ -42,8 +42,8 @@ class Base extends Component {
     fireChangeEvent(value, oldValue) {
         this.fire('change', {
             component: this,
-            oldValue : oldValue,
-            value    : value
+            oldValue,
+            value
         });
     }
 

package/src/main/addon/AmCharts.mjs

@@ -230,7 +230,7 @@ class AmCharts extends Base {
             this.setProperty({
                 id   : data.id,
                 path : key,
-                value: value
+                value
             })
         });
     }

package/src/main/addon/WebComponent.mjs

@@ -0,0 +1,57 @@
+import Base from '../../core/Base.mjs';
+
+/**
+ * Addon to register WebComponents
+ * @class Neo.main.addon.WebComponent
+ * @extends Neo.core.Base
+ * @singleton
+ */
+class WebComponent extends Base {
+    static getConfig() {return {
+        /**
+         * @member {String} className='Neo.main.addon.WebComponent'
+         * @protected
+         */
+        className: 'Neo.main.addon.WebComponent',
+        /**
+         * @member {Boolean} singleton=true
+         * @protected
+         */
+        singleton: true
+    }}
+
+    /**
+     * @param {Object} config
+     */
+    construct(config) {
+        super.construct(config);
+
+        this.registerElementLoader();
+    }
+
+    /**
+     *
+     */
+    registerElementLoader() {
+        customElements.define('element-loader', class extends HTMLElement {
+            async connectedCallback() {
+                let me      = this,
+                    content = await (await fetch(me.getAttribute('src'))).text(),
+                    styles;
+
+                me.attachShadow({mode: 'open'}).innerHTML = content;
+
+                styles = me.querySelector('style');
+                styles && me.shadowRoot.append(styles);
+            }
+        });
+    }
+}
+
+Neo.applyClassConfig(WebComponent);
+
+let instance = Neo.create(WebComponent);
+
+Neo.applyToGlobalNs(instance);
+
+export default instance;

package/src/main/mixin/TouchDomEvents.mjs

@@ -54,7 +54,6 @@ class TouchDomEvents extends Base {
      * @param {Object} event
      */
     onTouchStart(event) {
-        console.log('onTouchStart', event);
         this.sendMessageToApp(this.getEventData(event));
     }
 }

package/src/selection/GalleryModel.mjs

@@ -140,7 +140,7 @@ class GalleryModel extends Model {
         me.select(record[store.keyProperty]);
 
         view.fire('select', {
-            record: record
+            record
         });
     }
 
@@ -190,7 +190,7 @@ class GalleryModel extends Model {
         me.select(record[store.keyProperty]);
 
         view.fire('select', {
-            record: record
+            record
         });
     }
 

package/src/selection/HelixModel.mjs

@@ -154,7 +154,7 @@ class HelixModel extends Model {
         me.select(record[store.keyProperty]);
 
         view.fire('select', {
-            record: record
+            record
         });
     }
 
@@ -186,7 +186,7 @@ class HelixModel extends Model {
         me.select(record[store.keyProperty]);
 
         view.fire('select', {
-            record: record
+            record
         });
     }
 
@@ -259,7 +259,7 @@ class HelixModel extends Model {
         view.mounted && Neo.currentWorker.promiseMessage('main', {
             action : 'updateDom',
             appName: view.appName,
-            deltas : deltas
+            deltas
         }).then(() => {
             view.onSelect?.(items);
             me.fire('selectionChange', items, oldItems);

package/src/table/View.mjs

@@ -80,7 +80,7 @@ class View extends Component {
                 trCls.push('neo-selected');
 
                 Neo.getComponent(me.containerId).fire('select', {
-                    record: record
+                    record
                 });
             }