@targoninc/jess-components 0.0.15 → 0.0.17

package/dist/index.js

@@ -2,13 +2,13 @@
 // node_modules/@targoninc/jess/dist/index.js
 class Signal {
   _callbacks = [];
+  _keyCallbacks = new Map;
   _value;
   _values = {};
   type = "jess-signal";
-  constructor(initialValue, updateCallback = () => {}) {
+  constructor(initialValue) {
     this._value = initialValue;
     this._values = {};
-    this._callbacks.push(updateCallback);
   }
   boolValues(assignments = {}) {
     for (let key in assignments) {
@@ -28,20 +28,26 @@ class Signal {
   unsubscribeAll() {
     this._callbacks = [];
   }
-  subscribe(callback) {
-    this._callbacks.push(callback);
+  subscribe(callback, key) {
+    if (key !== undefined && key !== null) {
+      this._keyCallbacks.set(key, callback);
+    } else {
+      this._callbacks.push(callback);
+    }
   }
   unsubscribe(callback) {
     const index = this._callbacks.indexOf(callback);
     if (index >= 0) {
       this._callbacks.splice(index, 1);
     }
+    for (const [key, func] of Object.entries(this._keyCallbacks)) {
+      if (func === callback) {
+        this.unsubscribeKey(key);
+      }
+    }
   }
-  get onUpdate() {
-    return this._callbacks;
-  }
-  set onUpdate(callback) {
-    this._callbacks.push(callback);
+  unsubscribeKey(key) {
+    this._keyCallbacks.delete(key);
   }
   get value() {
     return this._value;
@@ -50,6 +56,9 @@ class Signal {
     const changed = this._value !== value;
     this._value = value;
     this._callbacks.forEach((callback) => callback(value, changed));
+    for (const [_, callback] of this._keyCallbacks.entries()) {
+      callback(value, changed);
+    }
   }
 }
 function signal(initialValue) {
@@ -756,6 +765,7 @@ function input(config) {
     if (config.onchange) {
       config.onchange(e.target.value);
     }
+    value.value = e.target.value;
   }).onchange((e) => {
     touched.value = true;
     lastChange = Date.now();
@@ -765,6 +775,7 @@ function input(config) {
     if (config.onchange) {
       config.onchange(e.target.value);
     }
+    value.value = e.target.value;
   }).onkeydown(config.onkeydown ?? (() => {})).name(config.name).build(), when(isPassword, eyeButton(toggleState, () => {
     toggleState.value = !toggleState.value;
   }))).build(), when(hasError, errorList(errors))).build();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@targoninc/jess-components",
   "type": "module",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -17,7 +17,7 @@
     "prepublishOnly": "bun run build"
   },
   "dependencies": {
-    "@targoninc/jess": "^0.0.15"
+    "@targoninc/jess": "^0.0.18"
   },
   "devDependencies": {
     "@types/bun": "latest",