neo.mjs 5.6.5 → 5.6.7

package/apps/ServiceWorker.mjs

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

package/examples/ServiceWorker.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "5.6.5",
+    "version": "5.6.7",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -52,14 +52,14 @@
         "envinfo": "^7.8.1",
         "fs-extra": "^11.1.1",
         "highlightjs-line-numbers.js": "^2.8.0",
-        "inquirer": "^9.2.0",
+        "inquirer": "^9.2.2",
         "neo-jsdoc": "^1.0.1",
         "neo-jsdoc-x": "^1.0.5",
         "postcss": "^8.4.23",
         "sass": "^1.62.1",
-        "webpack": "^5.81.0",
-        "webpack-cli": "^5.0.2",
-        "webpack-dev-server": "4.13.3",
+        "webpack": "^5.82.0",
+        "webpack-cli": "^5.1.0",
+        "webpack-dev-server": "4.15.0",
         "webpack-hook-plugin": "^1.0.7",
         "webpack-node-externals": "^3.0.0"
     },

package/src/DefaultConfig.mjs

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

package/src/component/Base.mjs

@@ -1251,6 +1251,12 @@ class Base extends CoreBase {
      * @returns {Neo.component.Base|null}
      */
     getReference(value) {
+        let controller = this.getController();
+
+        if (controller) {
+            return controller.getReference(value)
+        }
+
         return this.down({reference: value})
     }
 

package/src/container/Base.mjs

@@ -141,7 +141,7 @@ class Base extends Component {
             setTimeout(() => {
                 let items = this.items,
                     i     = 0,
-                    len   = items.length;
+                    len   = items?.length || 0;
 
                 for (; i < len; i++) {
                     if (!items[i].vdom.removeDom) {

package/src/form/field/Phone.mjs

@@ -26,6 +26,10 @@ class Phone extends Text {
          * @member {RegExp|null} inputPattern=/^\+?\(?[0-9]+\)?([\-\s\.]?[/0-9]+)*$/
          */
         inputPattern: /^\+?\(?[0-9]+\)?([\-\s\.]?[/0-9]+)*$/,
+        /**
+         * @member {Boolean} inputPatternDOM=false
+         */
+        inputPatternDOM: false,
         /**
          * Value for the inputType_ textfield config
          * @member {String} inputType='tel'

package/src/form/field/Picker.mjs

@@ -215,7 +215,13 @@ class Picker extends Text {
      * @param args
      */
     destroy(...args) {
-        this.picker?.destroy();
+        let picker = this.picker;
+
+        if (this.pickerIsMounted) {
+            picker?.unmount();
+        }
+
+        picker?.destroy();
         super.destroy(...args);
     }
 

package/src/form/field/Text.mjs

@@ -105,6 +105,13 @@ class Text extends Base {
          * @member {RegExp|null} inputPattern_=null
          */
         inputPattern_: null,
+        /**
+         * If false, the inputPattern will only get validated via JavaScript, but not getting applied on DOM level.
+         * The regex support for input based patterns is not fully there yet, so feel free to disable this feature
+         * if needed (E.g. form.field.Phone).
+         * @member {Boolean} inputPatternDOM=true
+         */
+        inputPatternDOM: true,
         /**
          * @member {String} inputType_='text'
          */
@@ -357,12 +364,14 @@ class Text extends Base {
      * @protected
      */
     afterSetInputPattern(value, oldValue) {
-        if (value) {
-            value = value.toString();
-            value = value.substring(1, value.length - 1);
-        }
+        if (this.inputPatternDOM) {
+            if (value) {
+                value = value.toString();
+                value = value.substring(1, value.length - 1);
+            }
 
-        this.changeInputElKey('pattern', value)
+            this.changeInputElKey('pattern', value)
+        }
     }
 
     /**

package/src/form/field/ZipCode.mjs

@@ -36,6 +36,11 @@ class ZipCode extends Text {
          * @member {Neo.form.field.Base|String|null} countryField_=null
          */
         countryField_: null,
+        /**
+         * The data.Model field inside the related country field which provides the country code (e.g. 'DE')
+         * @member {String} countryKeyProperty='id'
+         */
+        countryKeyProperty: 'id',
         /**
          * data passes inputPattern, maxLength, minLength & valueLength properties
          * @member {Function} errorTextInputPattern=data=>`Not a valid zip code`
@@ -99,7 +104,7 @@ class ZipCode extends Text {
      * @param {Object} data
      */
     onCountryFieldChange(data) {
-        this.countryCode = data.record?.[data.component.valueField];
+        this.countryCode = data.record?.[this.countryKeyProperty];
     }
 }
 

package/src/tab/Container.mjs

@@ -411,7 +411,7 @@ class Container extends BaseContainer {
      * @param {Boolean} silent=false
      * @returns {Neo.component.Base|Neo.component.Base[]}
      */
-    insert(index, item, silent=false) {console.log('insert', this.id)
+    insert(index, item, silent=false) {
         let me            = this,
             cardContainer = me.getCardContainer(),
             tabBar        = me.getTabBar(),