@kupola/kupola 1.7.2 → 1.7.4

package/js/theme.js

@@ -40,13 +40,7 @@ function setTheme(theme) {
   const toggleBtn = document.querySelector('[data-theme-toggle]');
   if (toggleBtn) {
     toggleBtn.setAttribute('data-current-theme', theme);
-    const icon = toggleBtn.querySelector('.theme-icon');
-    if (icon) {
-      const iconPath = icon.src.substring(0, icon.src.lastIndexOf('/') + 1);
-      icon.src = theme === 'dark' 
-        ? iconPath + 'sun.svg' 
-        : iconPath + 'moon.svg';
-    }
+    updateThemeIcon(toggleBtn);
   }
 }
 
@@ -95,6 +89,13 @@ function updateThemeIcon(toggleBtn) {
   }
 }
 
+function _themeToggleHandler(e) {
+  e.preventDefault();
+  const currentTheme = getTheme();
+  const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
+  setTheme(newTheme);
+}
+
 function initTheme() {
   
   const toggleBtn = document.querySelector('[data-theme-toggle]');
@@ -102,46 +103,18 @@ function initTheme() {
   if (!_themeInitialized) {
     _themeInitialized = true;
     
-    if (toggleBtn) {
-      const iconEl = toggleBtn.querySelector('.theme-icon');
-      if (iconEl && iconEl.src) {
-        const currentIconsPath = getIconsPath();
-        if (currentIconsPath === '/icons/') {
-          const iconPath = iconEl.src.substring(0, iconEl.src.lastIndexOf('/') + 1);
-          const basePath = window.location.pathname.substring(0, window.location.pathname.lastIndexOf('/') + 1);
-          const relativeIconsPath = iconPath.replace(window.location.origin + basePath, '');
-          if (relativeIconsPath !== iconPath) {
-            setConfig({
-              paths: {
-                icons: relativeIconsPath,
-                base: basePath
-              }
-            });
-          }
-        }
-      }
-    }
+    const savedTheme = getTheme();
+    setTheme(savedTheme);
+    
+    const savedBrand = getBrand();
+    setBrand(savedBrand);
   }
   
-  const savedTheme = getTheme();
-  setTheme(savedTheme);
-  
-  const savedBrand = getBrand();
-  setBrand(savedBrand);
-  
   if (toggleBtn) {
     updateThemeIcon(toggleBtn);
-    const existingOnClick = toggleBtn.onclick;
-    toggleBtn.onclick = function(e) {
-      e.preventDefault();
-      const currentTheme = getTheme();
-      const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
-      setTheme(newTheme);
-      updateThemeIcon(toggleBtn);
-      if (typeof existingOnClick === 'function') {
-        existingOnClick.call(this, e);
-      }
-    };
+    
+    toggleBtn.removeEventListener('click', _themeToggleHandler);
+    toggleBtn.addEventListener('click', _themeToggleHandler);
   }
   
   let brandPicker = document.getElementById('brand-picker');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kupola/kupola",
-  "version": "1.7.2",
+  "version": "1.7.4",
   "description": "A lightweight UI toolkit for any web project. No heavy frontend frameworks required.",
   "main": "dist/kupola.cjs.js",
   "module": "dist/kupola.esm.js",