neo.mjs 5.5.0 → 5.5.2

package/apps/ServiceWorker.mjs

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

package/examples/ServiceWorker.mjs

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

package/package.json

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

package/src/DefaultConfig.mjs

@@ -113,17 +113,16 @@ const DefaultConfig = {
     logDeltaUpdates: false,
     /**
      * Add addons for the main thread
-     * Possible values: AmCharts, AnalyticsByGoogle, DragDrop, HighlightJS, LocalStorage, MapboxGL, Markdown, Siesta, Stylesheet, WindowPosition
-     * (src/main/addon) contains all framework related options.
+     * ./src/main/addon/ contains all framework related options.
      * You can also create your own addons within your workspace scope. Make sure to put them inside 'src/main/addon/'
      * and prefix them with 'WS/' inside your neo-config.json file.
      * Example: ['DragDrop', 'Stylesheet', 'WS/MyAddon']
-     * @default ['DragDrop','Stylesheet']
+     * @default ['DragDrop','ScrollSync','Stylesheet']
      * @memberOf! module:Neo
      * @name config.mainThreadAddons
      * @type String[]
      */
-    mainThreadAddons: ['DragDrop', 'Stylesheet'],
+    mainThreadAddons: ['DragDrop', 'ScrollSync', 'Stylesheet'],
     /**
      * Pass the URL of a JSON-file, which contains the services and methods from your backend,
      * which you want to expose to the client.
@@ -237,12 +236,12 @@ const DefaultConfig = {
     useVdomWorker: true,
     /**
      * buildScripts/injectPackageVersion.mjs will update this value
-     * @default '5.5.0'
+     * @default '5.5.2'
      * @memberOf! module:Neo
      * @name config.version
      * @type String
      */
-    version: '5.5.0'
+    version: '5.5.2'
 };
 
 Object.assign(DefaultConfig, {

package/src/component/Base.mjs

@@ -1180,6 +1180,31 @@ class Base extends CoreBase {
         return this.getConfigInstanceByNtype('model', ntype);
     }
 
+    /**
+     * Calculate the real parentIndex inside the DOM
+     * @returns {Number|undefined}
+     */
+    getMountedParentIndex() {
+        let parent = Neo.getComponent(this.parentId),
+            items  = parent?.items || [],
+            i      = 0,
+            index  = 0,
+            len    = items.length,
+            item;
+
+        for (; i < len; i++) {
+            item = items[i];
+
+            if (item === this) {
+                return index
+            }
+
+            if (!item.hidden && item.hideMode === 'removeDom') {
+                index++
+            }
+        }
+    }
+
     /**
      * Get the parent components as an array
      * @returns {Neo.component.Base[]}
@@ -1404,7 +1429,7 @@ class Base extends CoreBase {
                 id         : me.id,
                 html       : me.vnode.outerHTML,
                 parentId   : me.parentId,
-                parentIndex: me.parentIndex
+                parentIndex: me.getMountedParentIndex()
             });
 
             delete me.vdom.removeDom;
@@ -1626,8 +1651,8 @@ class Base extends CoreBase {
             Neo.vdom.Helper.create({
                 appName    : me.appName,
                 autoMount,
-                parentId   : autoMount ? me.parentId    : undefined,
-                parentIndex: autoMount ? me.parentIndex : undefined,
+                parentId   : autoMount ? me.parentId                : undefined,
+                parentIndex: autoMount ? me.getMountedParentIndex() : undefined,
                 ...me.vdom
             }).then(data => {
                 me.onRender(data, useVdomWorker ? autoMount : false);

package/src/component/DateSelector.mjs

@@ -149,10 +149,6 @@ class DateSelector extends Component {
             {click: me.onComponentClick, scope: me},
             {wheel: me.onComponentWheel, scope: me}
         ]);
-
-        me.updateHeaderMonth(0, 0, true);
-        me.updateHeaderYear(0, true);
-        me.createDayViewContent(false);
     }
 
     /**
@@ -191,6 +187,10 @@ class DateSelector extends Component {
                     me[method](...methodParams);
                 }
             }
+        } else if (value) {
+            me.updateHeaderMonth(0, 0, true);
+            me.updateHeaderYear(0, true);
+            me.recreateDayViewContent(false, false)
         }
     }
 
@@ -556,10 +556,10 @@ class DateSelector extends Component {
     }
 
     /**
-     * @param {Boolean} silent true to update the vdom silently
+     * @param {Boolean} silent=false true to update the vdom silently
      * @param {Object} [containerEl]
      */
-    createDayViewContent(silent, containerEl) {
+    createDayViewContent(silent=false, containerEl) {
         let me              = this,
             currentDate     = me.currentDate,
             currentDay      = currentDate.getDate(),
@@ -572,7 +572,6 @@ class DateSelector extends Component {
             daysInMonth     = DateUtil.getDaysInMonth(currentDate),
             firstDayInMonth = DateUtil.getFirstDayOfMonth(currentDate),
             firstDayOffset  = firstDayInMonth - me.weekStartDay,
-            vdom            = me.vdom,
             centerEl        = containerEl || me.getCenterContentEl(),
             columns         = 7,
             i               = 0,
@@ -632,7 +631,7 @@ class DateSelector extends Component {
             centerEl.cn.push(row);
         }
 
-        me[silent ? '_vdom' : 'vdom'] = vdom;
+        !silent && me.update()
     }
 
     /**
@@ -697,7 +696,7 @@ class DateSelector extends Component {
         date = DateUtil.convertToyyyymmdd(date);
 
         // We want to always trigger a change event.
-        // Reason: A form.field.Date can have a null value and we want to select the current date.
+        // Reason: A form.field.Date can have a null value, and we want to select the current date.
         me._value = date;
         me.afterSetValue(date, null);
     }
@@ -872,9 +871,9 @@ class DateSelector extends Component {
             vdom           = me.vdom,
             headerCenterEl, y;
 
-        if (!me.rendered || !me.useAnimations) {
+        if (!me.mounted || !me.useAnimations) {
             monthEl.html = currentMonth;
-            me[silent ? '_vdom' : 'vdom'] = vdom;
+            !silent && me.update()
             return null;
         } else {
             y = slideDirection === 'top' ? 0 : -monthElDomRect.height;

package/src/form/field/Picker.mjs

@@ -2,7 +2,6 @@ import Container     from '../../container/Base.mjs';
 import NeoArray      from '../../util/Array.mjs';
 import PickerTrigger from './trigger/Picker.mjs';
 import Text          from './Text.mjs';
-import VDomUtil      from '../../util/VDom.mjs';
 
 /**
  * The abstract picker field provides an arrow down trigger which opens a floating container to provide
@@ -274,7 +273,7 @@ class Picker extends Text {
      * @param {Object} data
      * @protected
      */
-    onFocusEnter(data) {console.log('onFocusEnter')
+    onFocusEnter(data) {
         super.onFocusEnter(data);
 
         let me = this;
@@ -286,7 +285,7 @@ class Picker extends Text {
      * @param {Object} data
      * @protected
      */
-    onFocusLeave(data) {console.log('onFocusLeave')
+    onFocusLeave(data) {
         let me           = this,
             insidePicker = false,
             item;
@@ -307,7 +306,7 @@ class Picker extends Text {
     /**
      * @param {Object} data
      */
-    onInputClick(data) {console.log('onInputClick')
+    onInputClick(data) {
         let me = this;
 
         if (!me.editable) {

package/src/main/addon/ScrollSync.mjs

@@ -0,0 +1,58 @@
+import Base from '../../core/Base.mjs';
+
+/**
+ * @class Neo.main.addon.ScrollSync
+ * @extends Neo.core.Base
+ * @singleton
+ */
+class ScrollSync extends Base {
+    static config = {
+        /**
+         * @member {String} className='Neo.main.addon.ScrollSync'
+         * @protected
+         */
+        className: 'Neo.main.addon.ScrollSync',
+        /**
+         * Remote method access for other workers
+         * @member {Object} remote={app: [//...]}
+         * @protected
+         */
+        remote: {
+            app: [
+                'register',
+                'unregister'
+            ]
+        },
+        /**
+         * @member {Boolean} singleton=true
+         * @protected
+         */
+        singleton: true
+    }
+
+    /**
+     * @param {Object} data
+     * @param {String} data.sourceId
+     * @param {String} data.targetId
+     */
+    register(data) {
+        console.log('register', data)
+    }
+
+    /**
+     * @param {Object} data
+     * @param {String} data.sourceId
+     * @param {String} data.targetId
+     */
+    unregister(data) {
+        console.log('unregister', data)
+    }
+}
+
+Neo.applyClassConfig(ScrollSync);
+
+let instance = Neo.create(ScrollSync);
+
+Neo.applyToGlobalNs(instance);
+
+export default instance;