@vanduo-oss/framework 1.2.7 → 1.2.9

package/js/components/theme-customizer.js

@@ -251,8 +251,14 @@
         mode = this.DEFAULTS.THEME;
       }
 
+      // Prevent circular updates
+      this._isApplying = true;
+
       // Check if we should switch primary color (if using default)
-      const oldDefault = this.getDefaultPrimary(this.state.theme);
+      // Use the incoming mode for both old and new default checks since
+      // ThemeSwitcher calls this with the new mode before updating its own state
+      const currentMode = this.state.theme;
+      const oldDefault = this.getDefaultPrimary(currentMode);
       if (this.state.primary === oldDefault) {
         const newDefault = this.getDefaultPrimary(mode);
         if (newDefault !== this.state.primary) {
@@ -271,13 +277,21 @@
       this.savePreference(this.STORAGE_KEYS.THEME, mode);
 
       // Also update the existing ThemeSwitcher if available
+      // Only update state, don't call setPreference to avoid circular calls
       if (window.Vanduo && window.Vanduo.components.themeSwitcher) {
         const themeSwitcher = window.Vanduo.components.themeSwitcher;
-        if (themeSwitcher.state) {
+        if (themeSwitcher.state && themeSwitcher.state.preference !== mode) {
           themeSwitcher.state.preference = mode;
+          if (typeof themeSwitcher.setStorageValue === 'function') {
+            themeSwitcher.setStorageValue(themeSwitcher.STORAGE_KEY, mode);
+          }
+          if (typeof themeSwitcher.updateUI === 'function') {
+            themeSwitcher.updateUI();
+          }
         }
       }
 
+      this._isApplying = false;
       this.dispatchEvent('mode-change', { mode: mode });
     },
 

package/js/components/theme-switcher.js

@@ -41,6 +41,13 @@
       this.state.preference = pref;
       this.setStorageValue(this.STORAGE_KEY, pref);
       this.applyTheme();
+      
+      // Coordinate with ThemeCustomizer for primary color swap if available
+      // Check _isApplying flag to prevent circular updates
+      if (window.ThemeCustomizer && window.ThemeCustomizer.applyTheme && !window.ThemeCustomizer._isApplying) {
+        window.ThemeCustomizer.applyTheme(pref);
+      }
+      
       this.updateUI();
     },
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vanduo-oss/framework",
-  "version": "1.2.7",
+  "version": "1.2.9",
   "description": "Zero-dependency CSS/JS framework built on Fibonacci/Golden Ratio design system with Open Color integration",
   "keywords": [
     "css",
@@ -41,10 +41,10 @@
   "devDependencies": {
     "@eslint/js": "^10.0.1",
     "@playwright/test": "^1.58.2",
-    "esbuild": "^0.27.3",
-    "eslint": "^10.0.2",
+    "esbuild": "^0.27.4",
+    "eslint": "^10.0.3",
     "husky": "^9.1.7",
-    "lightningcss": "^1.31.1",
+    "lightningcss": "^1.32.0",
     "stylelint": "^17.4.0",
     "stylelint-config-standard": "^40.0.0"
   },