neo.mjs 6.10.11 → 6.10.12

package/apps/ServiceWorker.mjs

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

package/examples/ServiceWorker.mjs

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

package/examples/toolbar/paging/view/MainContainer.mjs

@@ -60,7 +60,12 @@ class MainContainer extends Viewport {
                     tooltip: 'Go to next page'
                 },
                 'nav-button-last' : {
-                    tooltip: 'Go to last page'
+                    tooltip: {
+                        text  : 'Go to last page',
+                        align : {
+                            edgeAlign : 'b-t'
+                        }
+                    }
                 },
 
                 // These two have been moved to the start of the Toolbar by their weights

package/package.json

@@ -1,6 +1,6 @@
 {
   "name"            : "neo.mjs",
-  "version"         : "6.10.11",
+  "version"         : "6.10.12",
   "description"     : "The webworkers driven UI framework",
   "type"            : "module",
   "repository"      : {
@@ -48,15 +48,15 @@
     "chalk"                         : "^5.3.0",
     "clean-webpack-plugin"          : "^4.0.0",
     "commander"                     : "^11.1.0",
-    "cssnano"                       : "^6.0.2",
+    "cssnano"                       : "^6.0.3",
     "envinfo"                       : "^7.11.0",
     "fs-extra"                      : "^11.2.0",
     "highlightjs-line-numbers.js"   : "^2.8.0",
     "inquirer"                      : "^9.2.12",
     "neo-jsdoc"                     : "1.0.1",
     "neo-jsdoc-x"                   : "1.0.5",
-    "postcss"                       : "^8.4.32",
-    "sass"                          : "^1.69.5",
+    "postcss"                       : "^8.4.33",
+    "sass"                          : "^1.69.7",
     "siesta-lite"                   : "5.5.2",
     "showdown"                      : "^2.1.0",
     "url"                           : "^0.11.3",
@@ -70,5 +70,4 @@
     "type" : "GitHub Sponsors",
     "url"  : "https://github.com/sponsors/tobiu"
   }
-
 }

package/resources/data/deck/learnneo/p/2023-10-14T19-25-08-153Z.md

@@ -106,7 +106,6 @@ Here's a simplified running example. The `model` and `controller` are omitted, b
 actually used in the example, and the import root path is different to reflect the location of the 
 Neo.mjs libarary relative to the examples.
 
-
 <pre data-neo>
 import Base from '../../../../src/container/Base.mjs';
 import Button from '../../../../src/button/Base.mjs';

package/resources/data/deck/learnneo/p/ComponentModels.md

@@ -1,4 +1,3 @@
-
 Neo has a feature that allows shared, bindable, data.
 
 A _view model_ — `Neo.model.Component` — instance holds properties that 
@@ -113,4 +112,3 @@ Note that in the example above, the view model is in-line. Normally your view mo
 coded in its own class that extends 'Neo.model.Component', and you'd use that in your component.
 Just like with items component configs, trivial configs are often done in-line, and non-trivial 
 configs are coded as separate classes.
-

package/resources/data/deck/learnneo/p/Extending.md

@@ -1,3 +1,4 @@
+
 In theory, a Neo.mjs app could be defined in a single `.mjs` source file. But that would be very hard to 
 maintain, and any reusable configs would have to be duplicated. Instead, each of your views and reusable 
 widgets will be defined as its own class. The result is simpler views which are inherently reusable and easier 

package/resources/scss/src/list/Base.scss

@@ -101,6 +101,10 @@
                 background-color: var(--list-item-background-color-active);
                 color           : var(--list-container-list-color);
             }
+            &:active {
+                background-color: var(--list-item-background-color-active);
+                color           : var(--list-container-list-color);
+            }
         }
 
         &.neo-navigator-active-item {

package/src/DefaultConfig.mjs

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

package/src/form/field/Date.mjs

@@ -37,6 +37,10 @@ class DateField extends Picker {
          * @member {String} errorTextInvalidDate='Not a valid date'
          */
         errorTextInvalidDate: 'Not a valid date',
+        /**
+         * @member {Boolean} isoDate=false
+         */
+        isoDate: false,
         /**
          * True to hide the DatePicker when selecting a day
          * @member {Boolean} hidePickerOnSelect=false
@@ -158,6 +162,17 @@ class DateField extends Picker {
         }
     }
 
+    /**
+     * Triggered before the value config got changed
+     * @param {String} value
+     * @param {String} oldValue
+     * @protected
+     */
+    beforeSetValue(value, oldValue) {
+        const val = super.beforeSetValue(value, oldValue);
+        return (this.isoDate && val) ? val.substring(0, 10) : val;
+    }
+
     /**
      * @returns {Neo.component.DateSelector}
      */
@@ -171,7 +186,13 @@ class DateField extends Picker {
     getValue() {
         let value = this.value;
 
-        return this.submitDateObject && value ? new Date(`${value}T00:00:00.000Z`) : value
+        if(this.submitDateObject && value) {
+            return new Date(`${value}T00:00:00.000Z`);
+        } else if(this.isoDate && value) {
+            return new Date(value).toISOString();
+        }
+
+        return value;
     }
 
     /**

package/src/main/DomUtils.mjs

@@ -31,7 +31,7 @@ export default class DomUtils extends Base {
      * @param {HTMLElement} el The element to start from.
      * @param {Function} filterFn A function which returns `true` when the desired element is reached.
      * @param {HTMLElement} [limit] The element to stop at. This is *not* considered for matching.
-     * @returns 
+     * @returns {Boolean}
      */
     static closest(el, filterFn, limit = document.body) {
         while (el?.nodeType === Node.ELEMENT_NODE && el !== limit) {

package/src/main/addon/Navigator.mjs

@@ -220,7 +220,6 @@ class Navigator extends Base {
      * @param {String|Number} newActiveElement The id of the new active element in the subject
      * element, or the index of the item.
      * @param {Object} data The data block as passed to {@link #subscribe}
-     * @returns 
      */
     navigateTo(newActiveElement, data) {
         if (!data.subject) {

package/src/tooltip/Base.mjs

@@ -261,14 +261,18 @@ class Base extends Container {
         // If it's an internal move within the delegate, do nothing
         if (currentTarget !== me.activeTarget?.id) {
             me.activeTarget = Neo.get(currentTarget);
-            me.align.target = currentTarget;
-            me.align.targetMargin = 10;
 
+            // Allow listeners (eg the Tooltip singleton) which is shared between all Components
+            // listens for this in order to reconfigure itself from the activeTarget.
+            // So this event must be fired before the alignment is set up.
             me.fire('targetOver', {
                 target : me.activeTarget,
                 data
             });
 
+            me.align.target = currentTarget;
+            me.align.targetMargin = 10;
+
             // Still visible, just realign
             if (me.mounted) {
                 me.show();

package/src/util/String.mjs

@@ -84,8 +84,8 @@ class StringUtil extends Base {
 
     /**
      * Returns the passed string with the first letter uncapitalized.
-     * @param {Strinhg} value 
-     * @returns 
+     * @param {String} value 
+     * @returns  {String}
      */
     static uncapitalize(value) {
         return value && value[0].toLowerCase() + value.substring(1)