@kupola/kupola 1.4.2 → 1.4.4

package/js/theme.js

@@ -82,11 +82,16 @@ function initTheme() {
   
   const toggleBtn = document.querySelector('[data-theme-toggle]');
   if (toggleBtn) {
-    toggleBtn.addEventListener('click', () => {
+    const existingOnClick = toggleBtn.onclick;
+    toggleBtn.onclick = function(e) {
+      e.preventDefault();
       const currentTheme = getTheme();
       const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
       setTheme(newTheme);
-    });
+      if (typeof existingOnClick === 'function') {
+        existingOnClick.call(this, e);
+      }
+    };
   }
   
   let brandPicker = document.getElementById('brand-picker');
@@ -201,11 +206,12 @@ function createThemeToggle() {
   btn.appendChild(icon);
   document.body.appendChild(btn);
   
-  btn.addEventListener('click', () => {
+  btn.onclick = function(e) {
+    e.preventDefault();
     const currentTheme = getTheme();
     const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
     setTheme(newTheme);
-  });
+  };
   
   return btn;
 }
@@ -320,15 +326,4 @@ export {
   getTheme, setTheme, initTheme, createThemeToggle,
   getBrand, setBrand, BRAND_OPTIONS, createBrandPicker,
   THEME_KEY, BRAND_KEY
-};
-
-if (typeof window !== 'undefined') {
-  window.getTheme = getTheme;
-  window.setTheme = setTheme;
-  window.initTheme = initTheme;
-  window.createThemeToggle = createThemeToggle;
-  window.getBrand = getBrand;
-  window.setBrand = setBrand;
-  window.BRAND_OPTIONS = BRAND_OPTIONS;
-  window.createBrandPicker = createBrandPicker;
-}
+};

package/js/timepicker.js

@@ -1,3 +1,6 @@
+import { globalEvents } from './global-events.js';
+import { kupolaInitializer } from './initializer.js';
+
 class Timepicker {
   constructor(element, options = {}) {
     this.element = element;
@@ -55,15 +58,8 @@ class Timepicker {
 
     this.inputWrap.addEventListener('click', this._inputWrapClickHandler);
 
-    if (window.globalEvents) {
-      this._documentClickListener = window.globalEvents.on(document, 'click', (e) => this.hideTimepicker(e), { scope: this.scope });
-      this._resizeListener = window.globalEvents.on(window, 'resize', () => this.resizeHandler(), { scope: this.scope });
-    } else {
-      document.addEventListener('click', (e) => this.hideTimepicker(e));
-      window.addEventListener('resize', () => this.resizeHandler());
-      this._documentClickHandler = (e) => this.hideTimepicker(e);
-      this._resizeHandler = () => this.resizeHandler();
-    }
+    this._documentClickListener = globalEvents.on(document, 'click', (e) => this.hideTimepicker(e), { scope: this.scope });
+    this._resizeListener = globalEvents.on(window, 'resize', () => this.resizeHandler(), { scope: this.scope });
 
     this._keydownHandler = (e) => {
       if (e.key === 'Escape' && this.panelEl && this.panelEl.style.display === 'block') {
@@ -495,13 +491,4 @@ function cleanupTimepicker(element) {
 
 export { Timepicker, initTimepicker, initTimepickers, cleanupTimepicker };
 
-if (typeof window !== 'undefined') {
-  window.Timepicker = Timepicker;
-  window.initTimepicker = initTimepicker;
-  window.initTimepickers = initTimepickers;
-  window.cleanupTimepicker = cleanupTimepicker;
-  
-  if (window.kupolaInitializer) {
-    window.kupolaInitializer.register('timepicker', initTimepicker, cleanupTimepicker);
-  }
-}
+kupolaInitializer.register('timepicker', initTimepicker, cleanupTimepicker);

package/js/tooltip.js

@@ -1,3 +1,5 @@
+import { kupolaInitializer } from './initializer.js';
+
 class Tooltip {
     constructor(element, options = {}) {
         this.element = element;
@@ -341,13 +343,4 @@ function cleanupTooltip(element) {
 
 export { Tooltip, initTooltip, initTooltips, cleanupTooltip };
 
-if (typeof window !== 'undefined') {
-    window.Tooltip = Tooltip;
-    window.initTooltip = initTooltip;
-    window.initTooltips = initTooltips;
-    window.cleanupTooltip = cleanupTooltip;
-    
-    if (window.kupolaInitializer) {
-        window.kupolaInitializer.register('tooltip', initTooltip, cleanupTooltip);
-    }
-}
+kupolaInitializer.register('tooltip', initTooltip, cleanupTooltip);