neo.mjs 5.6.4 → 5.6.6

package/apps/ServiceWorker.mjs

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

package/examples/ServiceWorker.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "5.6.4",
+    "version": "5.6.6",
     "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.4'
+     * @default '5.6.6'
      * @memberOf! module:Neo
      * @name config.version
      * @type String
      */
-    version: '5.6.4'
+    version: '5.6.6'
 };
 
 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

@@ -23,9 +23,13 @@ class Phone extends Text {
          */
         errorTextInputPattern: data => `Not a valid phone number`,
         /**
-         * @member {RegExp|null} inputPattern=/^[0-9\-+\(\) ]+$/
+         * @member {RegExp|null} inputPattern=/^\+?\(?[0-9]+\)?([\-\s\.]?[/0-9]+)*$/
          */
-        inputPattern: /^[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/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/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) {
+    insert(index, item, silent=false) {console.log('insert', this.id)
         let me            = this,
             cardContainer = me.getCardContainer(),
             tabBar        = me.getTabBar(),
@@ -472,10 +472,7 @@ class Container extends BaseContainer {
             }
         }
 
-        if (!silent) {
-            me.updateTabButtons()
-            me.update();
-        }
+        !silent && me.updateTabButtons()
 
         return superItem
     }
@@ -526,7 +523,7 @@ class Container extends BaseContainer {
      * @param {String} buttonId
      * @protected
      */
-    onTabButtonMounted(buttonId) {
+    onTabButtonMounted(buttonId) {console.log('onTabButtonMounted')
         let me            = this,
             cardContainer = me.getCardContainer(),
             tabBar        = me.getTabBar(),