support complexer 2way bindings

Author: jogibear9988

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "window.title": "${dirty}${activeEditorShort}${separator}${rootName}${separator}${profileName}${separator}${appName}${separator}[Branch: master]"
+}

package.json

@@ -1,23 +1,23 @@
-{
-  "description": "Base Custom Webcomponent",
-  "name": "@node-projects/base-custom-webcomponent",
-  "version": "0.23.0",
-  "type": "module",
-  "main": "./dist/index.js",
-  "author": "",
-  "license": "BSD-3-Clause",
-  "scripts": {
-    "tsc": "tsc"
-  },
-  "devDependencies": {
-    "typescript": "^5.3.3"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/node-projects/base-custom-webcomponent.git"
-  },
-  "bugs": {
-    "url": "https://github.com/node-projects/base-custom-webcomponent/issues"
-  },
-  "homepage": "https://github.com/node-projects/base-custom-webcomponent#readme"
-}
+{
+  "description": "Base Custom Webcomponent",
+  "name": "@node-projects/base-custom-webcomponent",
+  "version": "0.24.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "author": "",
+  "license": "BSD-3-Clause",
+  "scripts": {
+    "tsc": "tsc"
+  },
+  "devDependencies": {
+    "typescript": "^5.3.3"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/node-projects/base-custom-webcomponent.git"
+  },
+  "bugs": {
+    "url": "https://github.com/node-projects/base-custom-webcomponent/issues"
+  },
+  "homepage": "https://github.com/node-projects/base-custom-webcomponent#readme"
+}

src/BaseCustomWebComponent.ts

@@ -505,6 +505,15 @@ export class BaseCustomWebComponentNoAttachedTemplate extends HTMLElement {
             return;
         }
 
+        if (path.includes("[")) {
+            //support binding like this: {{this.picks?.[this.currentPick]?.ConfirmQuantity::value-changed}}
+            let p = path.replaceAll(".[", "[");
+            p += "=" + value + ";";
+            p = "try { " + p + " } catch (err) { console.warn(err); }";
+            eval(p);
+            return;
+        }
+
         let target = obj;
         if (path.startsWith('this.')) {
             path = path.substr(5);