@vanduo-oss/framework 1.2.4 → 1.2.5

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.
package/dist/vanduo.js CHANGED
@@ -1,4 +1,4 @@
1
- /*! Vanduo v1.2.4 | Built: 2026-03-04T19:15:26.258Z | git:a524dfc | development */
1
+ /*! Vanduo v1.2.5 | Built: 2026-03-08T10:52:48.224Z | git:f37c545 | development */
2
2
  (() => {
3
3
  // js/utils/lifecycle.js
4
4
  (function() {
@@ -107,7 +107,7 @@
107
107
  // js/vanduo.js
108
108
  (function() {
109
109
  "use strict";
110
- const VANDUO_VERSION = true ? "1.2.4" : "0.0.0-dev";
110
+ const VANDUO_VERSION = true ? "1.2.5" : "0.0.0-dev";
111
111
  const Vanduo2 = {
112
112
  version: VANDUO_VERSION,
113
113
  components: {},
@@ -4012,12 +4012,6 @@
4012
4012
  this.updateUI();
4013
4013
  });
4014
4014
  }
4015
- this.elements.panel.querySelectorAll("[data-mode]").forEach((btn) => {
4016
- this.addListener(btn, "click", () => {
4017
- this.applyTheme(btn.dataset.mode);
4018
- this.updateUI();
4019
- });
4020
- });
4021
4015
  const resetBtn = this.elements.panel.querySelector(".customizer-reset");
4022
4016
  if (resetBtn) {
4023
4017
  this.addListener(resetBtn, "click", () => {
@@ -4068,15 +4062,6 @@
4068
4062
  for (const [key, value] of Object.entries(this.FONT_OPTIONS)) {
4069
4063
  fontOptions += `<option value="${esc(key)}"${key === this.state.font ? " selected" : ""}>${esc(value.name)}</option>`;
4070
4064
  }
4071
- const modeIcons = {
4072
- "system": "ph-desktop",
4073
- "dark": "ph-moon",
4074
- "light": "ph-sun"
4075
- };
4076
- let modeButtons = "";
4077
- this.THEME_MODES.forEach((mode) => {
4078
- modeButtons += `<button class="tc-mode-btn${mode === this.state.theme ? " is-active" : ""}" data-mode="${mode}"><i class="ph ${modeIcons[mode]}"></i><span>${mode.charAt(0).toUpperCase() + mode.slice(1)}</span></button>`;
4079
- });
4080
4065
  return `
4081
4066
  <div class="tc-header">
4082
4067
  <h3 class="tc-title">Customize Theme</h3>
@@ -4085,12 +4070,7 @@
4085
4070
  </button>
4086
4071
  </div>
4087
4072
  <div class="tc-body">
4088
- <div class="tc-section">
4089
- <label class="tc-label">Color Mode</label>
4090
- <div class="tc-mode-group">
4091
- ${modeButtons}
4092
- </div>
4093
- </div>
4073
+
4094
4074
  <div class="tc-section">
4095
4075
  <label class="tc-label">Primary Color</label>
4096
4076
  <div class="tc-color-grid">
@@ -4226,9 +4206,6 @@
4226
4206
  if (fontSelect) {
4227
4207
  fontSelect.value = this.state.font;
4228
4208
  }
4229
- this.elements.panel.querySelectorAll("[data-mode]").forEach((btn) => {
4230
- btn.classList.toggle("is-active", btn.dataset.mode === this.state.theme);
4231
- });
4232
4209
  },
4233
4210
  /**
4234
4211
  * Reset all preferences to defaults