@mintjamsinc/ichigojs 0.1.44 → 0.1.46

package/dist/ichigo.cjs

@@ -7573,9 +7573,16 @@
         }
         /**
          * Updates a DOM property.
+         * For value-like properties (value, textContent, innerHTML), null/undefined is converted to empty string
+         * to match Vue.js behavior and prevent "undefined" from being displayed.
          */
         #updateProperty(element, name, value) {
-            element[name] = value;
+            if (value == null && (name === 'value' || name === 'textContent' || name === 'innerHTML')) {
+                element[name] = '';
+            }
+            else {
+                element[name] = value;
+            }
         }
         /**
          * Updates a boolean attribute.
@@ -12619,7 +12626,7 @@
         #initializeBindings() {
             // Create bindings with change tracking
             this.#bindings = new VBindings({
-                onChange: (identifier) => {
+                onChange: () => {
                     this.#scheduleUpdate();
                 },
                 vApplication: this
@@ -12797,17 +12804,20 @@
                 processing.add(key);
                 // Get the dependencies for this computed property
                 const deps = this.#computedDependencies[key] || [];
-                // If none of the dependencies have changed, skip recomputation (unless it's initialization)
-                if (!isInitialization && !deps.some(dep => allChanges.has(dep))) {
-                    computed.add(key);
-                    return;
-                }
-                // First, recursively compute any dependent computed properties
+                // First, recursively compute any dependent computed properties.
+                // This must happen before the change check so that computed→computed
+                // dependency chains are resolved and allChanges is up-to-date.
                 for (const dep of deps) {
                     if (this.#options.computed[dep]) {
                         compute(dep);
                     }
                 }
+                // If none of the dependencies have changed, skip recomputation (unless it's initialization).
+                // Checked after recursive computation to detect transitive changes through computed properties.
+                if (!isInitialization && !deps.some(dep => allChanges.has(dep))) {
+                    computed.add(key);
+                    return;
+                }
                 // Now compute this property
                 const computedFn = this.#options.computed[key];
                 try {
@@ -12849,13 +12859,10 @@
                 computed.add(key);
                 processing.delete(key);
             };
-            // Find all computed properties that need to be recomputed
-            for (const [key, deps] of Object.entries(this.#computedDependencies)) {
-                // During initialization, compute all properties
-                // Otherwise, check if any dependency has changed
-                if (isInitialization || deps.some(dep => allChanges.has(dep))) {
-                    compute(key);
-                }
+            // Compute all properties; the recursive logic inside compute() handles
+            // dependency ordering and skips properties whose dependencies did not change.
+            for (const key of Object.keys(this.#computedDependencies)) {
+                compute(key);
             }
         }
         /**