neo.mjs 8.40.0 → 8.41.0

package/apps/ServiceWorker.mjs

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

package/apps/portal/index.html

@@ -16,7 +16,7 @@
         "@type": "Organization",
         "name": "Neo.mjs"
       },
-      "datePublished": "2025-04-05",
+      "datePublished": "2025-04-06",
       "publisher": {
         "@type": "Organization",
         "name": "Neo.mjs"

package/apps/portal/view/home/FooterContainer.mjs

@@ -107,7 +107,7 @@ class FooterContainer extends Container {
             }, {
                 module: Component,
                 cls   : ['neo-version'],
-                html  : 'v8.40.0'
+                html  : 'v8.41.0'
             }]
         }],
         /**

package/examples/ServiceWorker.mjs

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

package/package.json

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

package/src/DefaultConfig.mjs

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

package/src/calendar/view/MainContainer.mjs

@@ -448,7 +448,7 @@ class MainContainer extends Container {
             appName  : me.appName,
             flex     : 'none',
             height   : me.sideBarWidth,
-            listeners: {change: me.onDateSelectorChange, scope: me},
+            listeners: {dateChange: me.onDateSelectorChange, scope: me},
             parentId : me.id, // we need the parentId to access the model inside the ctor
             value    : null,
 
@@ -599,8 +599,8 @@ class MainContainer extends Container {
      * @param {String} data.oldValue
      * @param {String} data.value
      */
-    onDateSelectorChange(data) {
-        data.oldValue !== undefined && this.setState('currentDate', new Date(`${data.value}T00:00:00.000Z`))
+    onDateSelectorChange({value}) {
+        this.setState('currentDate', value)
     }
 
     /**

package/src/calendar/view/week/EventDragZone.mjs

@@ -225,7 +225,7 @@ class EventDragZone extends DragZone {
             endDate   = me.newEndDate;
             startDate = me.newStartDate || record.startDate
         } else {
-            startDate = new Date(VDomUtil.find(owner.vdom, me.proxyParentId).vdom.flag + 'T00:00:00.000Z');
+            startDate = new Date(VDomUtil.find(owner.vdom, me.proxyParentId).vdom.flag + 'T12:00:00.000Z');
             startDate.setHours(me.axisStartTime);
             startDate.setMinutes(me.currentInterval * me.intervalSize);
 

package/src/calendar/view/week/plugin/DragDrop.mjs

@@ -188,7 +188,7 @@ class DragDrop extends Base {
                 intervalHeight  = columnRect.height / intervals,
                 position        = Math.min(columnRect.height, data.clientY - columnRect.top),
                 currentInterval = Math.floor(position / intervalHeight),
-                startDate       = new Date(VDomUtil.find(owner.vdom, data.path[0].id).vdom.flag + 'T00:00:00.000Z'),
+                startDate       = new Date(VDomUtil.find(owner.vdom, data.path[0].id).vdom.flag + 'T12:00:00.000Z'),
                 dragElement, endDate, eventDragZone, eventId, record;
 
             me.isDragging = true;

package/src/component/DateSelector.mjs

@@ -199,6 +199,14 @@ class DateSelector extends Component {
             me.updateHeaderYear(0, true);
             me.recreateDayViewContent(false, false)
         }
+
+        if (oldValue !== undefined) {
+            me.fire('dateChange', {
+                component: me,
+                oldValue,
+                value
+            })
+        }
     }
 
     /**
@@ -221,7 +229,7 @@ class DateSelector extends Component {
         if (value === false) {
             let me = this;
 
-            if (me.cachedUpdate && me.cachedUpdate !== new Date(`${me.value}T00:00:00.000Z`)) {
+            if (me.cachedUpdate && me.cachedUpdate !== new Date(`${me.value}T12:00:00.000Z`)) {
                 me.afterSetValue(me.value, DateUtil.convertToyyyymmdd(me.cachedUpdate))
             }
 
@@ -347,7 +355,7 @@ class DateSelector extends Component {
 
         if (value) {
             if (!me.isUpdating) {
-                me.currentDate = new Date(`${value}T00:00:00.000Z`);
+                me.currentDate = new Date(`${value}T12:00:00.000Z`);
 
                 me.fire('change', {
                     component: me,
@@ -608,9 +616,9 @@ class DateSelector extends Component {
             currentMonth    = currentDate.getMonth(),
             currentYear     = currentDate.getFullYear(),
             date            = me.currentDate, // cloned
-            maxDate         = me.maxValue && new Date(`${me.maxValue}T00:00:00.000Z`),
-            minDate         = me.minValue && new Date(`${me.minValue}T00:00:00.000Z`),
-            valueDate       = new Date(`${me.value}T00:00:00.000Z`),
+            maxDate         = me.maxValue && new Date(`${me.maxValue}T12:00:00.000Z`),
+            minDate         = me.minValue && new Date(`${me.minValue}T12:00:00.000Z`),
+            valueDate       = new Date(`${me.value}T12:00:00.000Z`),
             valueMonth      = valueDate.getMonth(),
             valueYear       = valueDate.getFullYear(),
             daysInMonth     = DateUtil.getDaysInMonth(currentDate),

package/src/date/DayViewComponent.mjs

@@ -132,9 +132,9 @@ class DayViewComponent extends Base {
             currentMonth    = currentDate.getMonth(),
             currentYear     = currentDate.getFullYear(),
             date            = me.currentDate, // cloned
-            maxDate         = me.maxValue && new Date(`${me.maxValue}T00:00:00.000Z`),
-            minDate         = me.minValue && new Date(`${me.minValue}T00:00:00.000Z`),
-            valueDate       = new Date(`${me.value}T00:00:00.000Z`),
+            maxDate         = me.maxValue && new Date(`${me.maxValue}T12:00:00.000Z`),
+            minDate         = me.minValue && new Date(`${me.minValue}T12:00:00.000Z`),
+            valueDate       = new Date(`${me.value}T12:00:00.000Z`),
             valueMonth      = valueDate.getMonth(),
             valueYear       = valueDate.getFullYear(),
             daysInMonth     = DateUtil.getDaysInMonth(currentDate),

package/src/date/SelectorContainer.mjs

@@ -233,7 +233,7 @@ class SelectorContainer extends Container {
 
         if (value) {
             if (!me.isUpdating) {
-                me.currentDate = new Date(`${value}T00:00:00.000Z`);
+                me.currentDate = new Date(`${value}T12:00:00.000Z`);
 
                 me.fire('change', {
                     component: me,

package/src/draggable/toolbar/SortZone.mjs

@@ -256,7 +256,7 @@ class SortZone extends DragZone {
                 indexMap               : indexMap,
                 ownerStyle             : {height: ownerStyle.height, width: ownerStyle.width},
                 reversedLayoutDirection: layout.direction === 'column-reverse' || layout.direction === 'row-reverse',
-                sortDirection          : layout.direction.includes('row') ? 'horizontal' : 'vertical',
+                sortDirection          : layout.direction?.includes('column') ? 'vertical' : 'horizontal',
                 startIndex             : index
             });
 

package/src/form/Container.mjs

@@ -409,7 +409,7 @@ class Container extends BaseContainer {
         fields.forEach(field => {
             validField = field.validate?.(false);
 
-            if (!validField) {
+            if (validField === false) {
                 isValid = false
             }
         });

package/src/form/field/Base.mjs

@@ -34,7 +34,7 @@ class Field extends Component {
          */
         formGroup_: null,
         /**
-         * @member {String|null} keys={}
+         * @member {Object|null} keys={}
          */
         keys: {},
         /**

package/src/form/field/Date.mjs

@@ -194,7 +194,7 @@ class DateField extends Picker {
         let value = this.value;
 
         if(this.submitDateObject && value) {
-            return new Date(`${value}T00:00:00.000Z`);
+            return new Date(`${value}T12:00:00.000Z`);
         } else if(this.isoDate && value) {
             return new Date(value).toISOString();
         }