@vanduo-oss/framework 1.2.7 → 1.2.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/README.md +14 -6
  2. package/dist/build-info.json +3 -3
  3. package/dist/vanduo.cjs.js +16 -4
  4. package/dist/vanduo.cjs.js.map +2 -2
  5. package/dist/vanduo.cjs.min.js +4 -4
  6. package/dist/vanduo.cjs.min.js.map +3 -3
  7. package/dist/vanduo.css +7 -7
  8. package/dist/vanduo.esm.js +16 -4
  9. package/dist/vanduo.esm.js.map +2 -2
  10. package/dist/vanduo.esm.min.js +4 -4
  11. package/dist/vanduo.esm.min.js.map +3 -3
  12. package/dist/vanduo.js +16 -4
  13. package/dist/vanduo.js.map +2 -2
  14. package/dist/vanduo.min.css +1 -1
  15. package/dist/vanduo.min.js +4 -4
  16. package/dist/vanduo.min.js.map +3 -3
  17. package/js/components/theme-customizer.js +16 -2
  18. package/js/components/theme-switcher.js +7 -0
  19. package/package.json +4 -4
package/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # Vanduo Framework v1.2.7
1
+ # Vanduo Framework v1.2.9
2
2
 
3
3
  <p align="center">
4
4
  <img src="vanduo-banner.svg" alt="Vanduo Framework Banner" width="100%">
@@ -32,14 +32,21 @@ A lightweight, pure HTML/CSS/JS framework with **45+ components** for designing
32
32
  - 🧩 **Modular** - Import only what you need
33
33
  - ♿ **Accessible** - Built with accessibility in mind (WCAG 2.1 AA)
34
34
  - 🌙 **Dark Mode** - Automatic OS preference detection + manual toggle
35
+ - 🌗 **Theme Switcher** - Lightweight light/dark/system toggle with shared preference storage
35
36
  - 🎛️ **Theme Customizer** - Real-time color, radius, font, and mode customization
36
37
  - 🔍 **SEO-Ready** - Comprehensive meta tags, structured data, and sitemap
37
38
 
38
39
  ---
39
40
 
40
- ## What's New in v1.2.7
41
+ ## What's New in v1.2.9
41
42
 
42
- v1.2.7 adds **17 new components**, bringing the total to **45+**. Each component ships with dedicated CSS, JavaScript (where applicable), full Playwright test coverage, and comprehensive documentation.
43
+ v1.2.9 is a patch release focused on theme-sync correctness and release continuity:
44
+
45
+ - **Theme Customizer now syncs cleanly with Theme Switcher.** The runtime no longer calls a missing `savePreference()` path while applying themes, which removes the regression seen when both tools coexist.
46
+ - **Shared theme preference updates stay on the supported API path.** Theme changes now persist through the same preference flow used by Theme Switcher instead of relying on an undefined helper.
47
+ - **Release artifacts and docs are aligned for v1.2.9.** Package metadata, generated bundles, `llms.txt`, and release-facing README examples now point at the current version.
48
+
49
+ The framework still ships **45+ components**, including the v1.2.7 additions below.
43
50
 
44
51
  | Component | Vanduo Name | Type |
45
52
  |---|---|---|
@@ -80,8 +87,8 @@ The quickest way to get started — no install, no build step. Add two lines to
80
87
 
81
88
  **Pin to a specific version** for production:
82
89
  ```html
83
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/vanduo-oss/framework@v1.2.7/dist/vanduo.min.css">
84
- <script src="https://cdn.jsdelivr.net/gh/vanduo-oss/framework@v1.2.7/dist/vanduo.min.js"></script>
90
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/vanduo-oss/framework@v1.2.9/dist/vanduo.min.css">
91
+ <script src="https://cdn.jsdelivr.net/gh/vanduo-oss/framework@v1.2.9/dist/vanduo.min.js"></script>
85
92
  <script>Vanduo.init();</script>
86
93
  ```
87
94
 
@@ -144,7 +151,7 @@ This project includes an [`llms.txt`](llms.txt) file — a structured markdown s
144
151
  Use the hardened upload script to attach only approved bundle artifacts from `dist/`:
145
152
 
146
153
  ```bash
147
- pnpm run release:assets -- v1.2.7
154
+ pnpm run release:assets -- v1.2.9
148
155
  ```
149
156
 
150
157
  Notes:
@@ -162,6 +169,7 @@ Comprehensive documentation for all components, utilities, and customization opt
162
169
  ### Key Capabilities
163
170
 
164
171
  * **Dark Mode**: Works automatically with system preferences. Can be forced via `data-theme="dark"` on `<html>`.
172
+ * **Theme Switcher**: Lightweight light/dark/system toggle that can coexist with Theme Customizer.
165
173
  * **Theme Customizer**: Built-in runtime tool to change colors, fonts, and radius.
166
174
  * **Modular Imports**: Import only specific components (e.g., `css/components/buttons.css`) to keep your site lean.
167
175
  * **Icons**: Includes [Phosphor Icons](https://phosphoricons.com) (Regular + Fill weights bundled).
package/dist/build-info.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
- "version": "1.2.7",
3
- "builtAt": "2026-03-12T16:17:38.253Z",
4
- "commit": "2c1277a",
2
+ "version": "1.2.9",
3
+ "builtAt": "2026-03-14T18:56:04.214Z",
4
+ "commit": "800b9f0",
5
5
  "mode": "development+production"
6
6
  }
package/dist/vanduo.cjs.js CHANGED
@@ -1,4 +1,4 @@
1
- /*! Vanduo v1.2.7 | Built: 2026-03-12T16:17:38.253Z | git:2c1277a | development */
1
+ /*! Vanduo v1.2.9 | Built: 2026-03-14T18:56:04.214Z | git:800b9f0 | development */
2
2
  var __defProp = Object.defineProperty;
3
3
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
4
  var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -132,7 +132,7 @@ module.exports = __toCommonJS(index_exports);
132
132
  // js/vanduo.js
133
133
  (function() {
134
134
  "use strict";
135
- const VANDUO_VERSION = true ? "1.2.7" : "0.0.0-dev";
135
+ const VANDUO_VERSION = true ? "1.2.9" : "0.0.0-dev";
136
136
  const Vanduo2 = {
137
137
  version: VANDUO_VERSION,
138
138
  components: {},
@@ -3902,7 +3902,9 @@ module.exports = __toCommonJS(index_exports);
3902
3902
  if (!this.THEME_MODES.includes(mode)) {
3903
3903
  mode = this.DEFAULTS.THEME;
3904
3904
  }
3905
- const oldDefault = this.getDefaultPrimary(this.state.theme);
3905
+ this._isApplying = true;
3906
+ const currentMode = this.state.theme;
3907
+ const oldDefault = this.getDefaultPrimary(currentMode);
3906
3908
  if (this.state.primary === oldDefault) {
3907
3909
  const newDefault = this.getDefaultPrimary(mode);
3908
3910
  if (newDefault !== this.state.primary) {
@@ -3918,10 +3920,17 @@ module.exports = __toCommonJS(index_exports);
3918
3920
  this.savePreference(this.STORAGE_KEYS.THEME, mode);
3919
3921
  if (window.Vanduo && window.Vanduo.components.themeSwitcher) {
3920
3922
  const themeSwitcher = window.Vanduo.components.themeSwitcher;
3921
- if (themeSwitcher.state) {
3923
+ if (themeSwitcher.state && themeSwitcher.state.preference !== mode) {
3922
3924
  themeSwitcher.state.preference = mode;
3925
+ if (typeof themeSwitcher.setStorageValue === "function") {
3926
+ themeSwitcher.setStorageValue(themeSwitcher.STORAGE_KEY, mode);
3927
+ }
3928
+ if (typeof themeSwitcher.updateUI === "function") {
3929
+ themeSwitcher.updateUI();
3930
+ }
3923
3931
  }
3924
3932
  }
3933
+ this._isApplying = false;
3925
3934
  this.dispatchEvent("mode-change", { mode });
3926
3935
  },
3927
3936
  /**
@@ -4337,6 +4346,9 @@ module.exports = __toCommonJS(index_exports);
4337
4346
  this.state.preference = pref;
4338
4347
  this.setStorageValue(this.STORAGE_KEY, pref);
4339
4348
  this.applyTheme();
4349
+ if (window.ThemeCustomizer && window.ThemeCustomizer.applyTheme && !window.ThemeCustomizer._isApplying) {
4350
+ window.ThemeCustomizer.applyTheme(pref);
4351
+ }
4340
4352
  this.updateUI();
4341
4353
  },
4342
4354
  getStorageValue: function(key, fallback) {