@kupola/kupola 1.4.2 → 1.4.4

package/js/dropdown.js

@@ -1,3 +1,6 @@
+import { globalEvents } from './global-events.js';
+import { kupolaInitializer } from './initializer.js';
+
 class Dropdown {
   constructor(element, options = {}) {
     this.element = element;
@@ -30,6 +33,7 @@ class Dropdown {
     this._mouseleaveHandler = null;
     this._triggerMouseenterHandler = null;
     this._triggerMouseleaveHandler = null;
+    this._triggerKeydownHandler = null;
   }
 
   init() {
@@ -139,13 +143,14 @@ class Dropdown {
     }
 
     // Keyboard on trigger
-    this.trigger.addEventListener('keydown', (e) => {
+    this._triggerKeydownHandler = (e) => {
       if (this.disabled) return;
       if (e.key === 'Enter' || e.key === ' ' || e.key === 'ArrowDown') {
         e.preventDefault();
         this.showMenu();
       }
-    });
+    };
+    this.trigger.addEventListener('keydown', this._triggerKeydownHandler);
 
     document.addEventListener('keydown', this._keydownHandler);
 
@@ -156,11 +161,7 @@ class Dropdown {
       }
     };
 
-    if (window.globalEvents) {
-      this._documentClickListener = window.globalEvents.on(document, 'click', this._documentClickHandler, { scope: this.scope });
-    } else {
-      document.addEventListener('click', this._documentClickHandler);
-    }
+    this._documentClickListener = globalEvents.on(document, 'click', this._documentClickHandler, { scope: this.scope });
 
     this.menu.style.display = 'none';
     this.element.__kupolaInitialized = true;
@@ -304,6 +305,7 @@ class Dropdown {
       if (this._triggerClickHandler) this.trigger.removeEventListener('click', this._triggerClickHandler);
       if (this._triggerMouseenterHandler) this.trigger.removeEventListener('mouseenter', this._triggerMouseenterHandler);
       if (this._triggerMouseleaveHandler) this.trigger.removeEventListener('mouseleave', this._triggerMouseleaveHandler);
+      if (this._triggerKeydownHandler) this.trigger.removeEventListener('keydown', this._triggerKeydownHandler);
     }
 
     if (this.menu) {
@@ -333,6 +335,7 @@ class Dropdown {
     this._mouseleaveHandler = null;
     this._triggerMouseenterHandler = null;
     this._triggerMouseleaveHandler = null;
+    this._triggerKeydownHandler = null;
     this.element.__kupolaInitialized = false;
   }
 }
@@ -364,14 +367,4 @@ function cleanupAllDropdowns() {
 
 export { Dropdown, initDropdown, initDropdowns, cleanupDropdown, cleanupAllDropdowns };
 
-if (typeof window !== 'undefined') {
-  window.Dropdown = Dropdown;
-  window.initDropdown = initDropdown;
-  window.initDropdowns = initDropdowns;
-  window.cleanupDropdown = cleanupDropdown;
-  window.cleanupAllDropdowns = cleanupAllDropdowns;
-  
-  if (window.kupolaInitializer) {
-    window.kupolaInitializer.register('dropdown', initDropdown, cleanupDropdown);
-  }
-}
+kupolaInitializer.register('dropdown', initDropdown, cleanupDropdown);

package/js/dynamic-tags.js

@@ -1,3 +1,5 @@
+import { kupolaInitializer } from './initializer.js';
+
 class DynamicTags {
     constructor(element, options = {}) {
         this.element = element;
@@ -260,13 +262,4 @@ function initDynamicTagsAll() {
 
 export { DynamicTags, initDynamicTagsAll, initDynamicTags, cleanupDynamicTags };
 
-if (typeof window !== 'undefined') {
-    window.DynamicTags = DynamicTags;
-    window.initDynamicTags = initDynamicTags;
-    window.cleanupDynamicTags = cleanupDynamicTags;
-    window.initDynamicTagsAll = initDynamicTagsAll;
-    
-    if (window.kupolaInitializer) {
-        window.kupolaInitializer.register('dynamic-tags', initDynamicTags, cleanupDynamicTags);
-    }
-}
+kupolaInitializer.register('dynamic-tags', initDynamicTags, cleanupDynamicTags);

package/js/fileupload.js

@@ -1,3 +1,10 @@
+import { kupolaInitializer } from './initializer.js';
+
+function _escapeHtml(str) {
+  if (!str) return '';
+  return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;');
+}
+
 class FileUpload {
   constructor(element) {
     this.element = element;
@@ -126,7 +133,7 @@ class FileUpload {
       <div class="ds-fileupload__icon" style="width: 24px; height: 24px; border-radius: 4px;">
         ${fileIcon}
       </div>
-      <span class="ds-fileupload__filename">${this.truncateFilename(file.name)}</span>
+      <span class="ds-fileupload__filename">${this.truncateFilename(_escapeHtml(file.name))}</span>
       <span class="ds-fileupload__size">${this.formatSize(file.size)}</span>
       <button class="ds-fileupload__remove" type="button" aria-label="Remove file">
         <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
@@ -254,7 +261,7 @@ class FileUpload {
       const previewItem = document.createElement('div');
       previewItem.className = 'ds-fileupload__preview-item';
       previewItem.innerHTML = `
-        <img src="${e.target.result}" alt="${file.name}">
+        <img src="${e.target.result}" alt="${_escapeHtml(file.name)}">
         <button class="ds-fileupload__preview-remove" type="button" aria-label="Remove preview">
           <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
             <path d="M18 6L6 18"/>
@@ -381,13 +388,4 @@ function initFileUploads() {
 
 export { FileUpload, initFileUploads, initFileUpload, cleanupFileUpload };
 
-if (typeof window !== 'undefined') {
-  window.FileUpload = FileUpload;
-  window.initFileUpload = initFileUpload;
-  window.cleanupFileUpload = cleanupFileUpload;
-  window.initFileUploads = initFileUploads;
-  
-  if (window.kupolaInitializer) {
-    window.kupolaInitializer.register('fileupload', initFileUpload, cleanupFileUpload);
-  }
-}
+kupolaInitializer.register('fileupload', initFileUpload, cleanupFileUpload);

package/js/form.js

@@ -1,9 +1,13 @@
+import { kupolaInitializer } from './initializer.js';
+
 class KupolaForm {
     constructor(formElement) {
         this.form = formElement;
         this.fields = [];
         this.validators = {};
         this.errorMessages = {};
+        this._submitHandler = null;
+        this._fieldHandlers = new Map(); // field → { blur, input }
         this._init();
     }
 
@@ -100,15 +104,19 @@ class KupolaForm {
     }
 
     _bindEvents() {
-        this.form.addEventListener('submit', (e) => {
+        this._submitHandler = (e) => {
             if (!this.validate()) {
                 e.preventDefault();
             }
-        });
+        };
+        this.form.addEventListener('submit', this._submitHandler);
 
         this.fields.forEach(field => {
-            field.addEventListener('blur', () => this.validateField(field));
-            field.addEventListener('input', () => this.clearError(field));
+            const blurHandler = () => this.validateField(field);
+            const inputHandler = () => this.clearError(field);
+            this._fieldHandlers.set(field, { blur: blurHandler, input: inputHandler });
+            field.addEventListener('blur', blurHandler);
+            field.addEventListener('input', inputHandler);
         });
     }
 
@@ -264,13 +272,20 @@ class KupolaForm {
     }
 
     destroy() {
-        this.fields.forEach(field => {
-            field.removeEventListener('blur', () => this.validateField(field));
-            field.removeEventListener('input', () => this.clearError(field));
+        // 移除 submit handler
+        if (this._submitHandler && this.form) {
+            this.form.removeEventListener('submit', this._submitHandler);
+        }
+
+        // 移除每个字段的 blur/input handlers
+        this._fieldHandlers.forEach((handlers, field) => {
+            field.removeEventListener('blur', handlers.blur);
+            field.removeEventListener('input', handlers.input);
         });
-        
-        this.form.removeEventListener('submit', () => {});
-        
+
+        this._submitHandler = null;
+        this._fieldHandlers.clear();
+        this._fieldHandlers = null;
         this.fields = null;
         this.validators = null;
         this.errorMessages = null;
@@ -305,13 +320,4 @@ function validateForm(formElement) {
 
 export { KupolaForm, initFormValidation, getFormInstance, validateForm };
 
-if (typeof window !== 'undefined') {
-    window.KupolaForm = KupolaForm;
-    window.initFormValidation = initFormValidation;
-    window.getFormInstance = getFormInstance;
-    window.validateForm = validateForm;
-    
-    if (window.kupolaInitializer) {
-        window.kupolaInitializer.register('form-validation', initFormValidation);
-    }
-}
+kupolaInitializer.register('form-validation', initFormValidation);

package/js/global-events.js

@@ -280,17 +280,4 @@ function getListenerCount(target, eventName) {
     return globalEvents.getListenerCount(target, eventName);
 }
 
-export { GlobalEvents, globalEvents, on, once, off, emit, emitGlobal, offByScope, offAll, getListenerCount };
-
-if (typeof window !== 'undefined') {
-    window.GlobalEvents = GlobalEvents;
-    window.globalEvents = globalEvents;
-    window.kupolaOn = on;
-    window.kupolaOnce = once;
-    window.kupolaOff = off;
-    window.kupolaEmit = emit;
-    window.kupolaEmitGlobal = emitGlobal;
-    window.kupolaOffByScope = offByScope;
-    window.kupolaOffAll = offAll;
-    window.kupolaGetListenerCount = getListenerCount;
-}
+export { GlobalEvents, globalEvents, on, once, off, emit, emitGlobal, offByScope, offAll, getListenerCount };

package/js/heatmap.js

@@ -1,3 +1,5 @@
+import { kupolaInitializer } from './initializer.js';
+
 class Heatmap {
   constructor(element, options = {}) {
     this.element = element;
@@ -394,15 +396,4 @@ function createHeatmap(selector, options = {}) {
 
 export { Heatmap, initHeatmaps, initHeatmap, cleanupHeatmap, createHeatmap, generateMockHeatmapData };
 
-if (typeof window !== 'undefined') {
-  window.Heatmap = Heatmap;
-  window.initHeatmap = initHeatmap;
-  window.cleanupHeatmap = cleanupHeatmap;
-  window.initHeatmaps = initHeatmaps;
-  window.createHeatmap = createHeatmap;
-  window.generateMockHeatmapData = generateMockHeatmapData;
-  
-  if (window.kupolaInitializer) {
-    window.kupolaInitializer.register('heatmap', initHeatmap, cleanupHeatmap);
-  }
-}
+kupolaInitializer.register('heatmap', initHeatmap, cleanupHeatmap);

package/js/i18n.js

@@ -220,17 +220,4 @@ export {
   KupolaI18n, kupolaI18n, createI18n, 
   t, n, setLocale, getLocale,
   formatDate, formatNumber, formatCurrency 
-};
-
-if (typeof window !== 'undefined') {
-  window.KupolaI18n = KupolaI18n;
-  window.kupolaI18n = kupolaI18n;
-  window.createI18n = createI18n;
-  window.t = t;
-  window.n = n;
-  window.setLocale = setLocale;
-  window.getLocale = getLocale;
-  window.formatDate = formatDate;
-  window.formatNumber = formatNumber;
-  window.formatCurrency = formatCurrency;
-}
+};

package/js/icons.js

@@ -135,8 +135,8 @@ const Icons = { svg, render, PATHS };
 
 export { Icons, svg, render, PATHS };
 
-if (typeof window !== 'undefined') {
-  window.Icons = Icons;
+// Auto-render SVG sprite on DOM ready
+if (typeof document !== 'undefined') {
   if (document.readyState !== 'loading') {
     render();
   } else {

package/js/image-preview.js

@@ -353,10 +353,4 @@ function showImagePreview(images, index = 0) {
   imagePreviewInstance.show(images, index);
 }
 
-export { ImagePreview, initImagePreview, showImagePreview };
-
-if (typeof window !== 'undefined') {
-  window.ImagePreview = ImagePreview;
-  window.initImagePreview = initImagePreview;
-  window.showImagePreview = showImagePreview;
-}
+export { ImagePreview, initImagePreview, showImagePreview };

package/js/initializer.js

@@ -197,46 +197,3 @@ for (const comp of knownComponents) {
 }
 
 export { ComponentInitializerRegistry, kupolaInitializer };
-
-/**
- * Kupola global namespace — convenience API for external consumers.
- * Provides Kupola.refresh(root) to re-initialize dynamically inserted DOM.
- */
-if (typeof window !== 'undefined') {
-  window.Kupola = window.Kupola || {};
-
-  /**
-   * Re-scan and initialize components within a given scope.
-   * @param {Element|Document} [root=document] - Scope to scan
-   * @returns {Promise<void>}
-   */
-  window.Kupola.refresh = async function refresh(root) {
-    return kupolaInitializer.initializeAll(root || document);
-  };
-
-  /**
-   * Initialize a single element or container.
-   * @param {Element} element
-   * @returns {Promise<void>}
-   */
-  window.Kupola.init = async function init(element) {
-    return kupolaInitializer.initialize(element);
-  };
-
-  /**
-   * Cleanup a single element.
-   * @param {Element} element
-   */
-  window.Kupola.cleanup = function cleanup(element) {
-    return kupolaInitializer.cleanup(element);
-  };
-
-  /** Expose the initializer registry directly */
-  window.Kupola.initializer = kupolaInitializer;
-  window.Kupola.ComponentInitializerRegistry = ComponentInitializerRegistry;
-}
-
-if (typeof window !== 'undefined') {
-  window.ComponentInitializerRegistry = ComponentInitializerRegistry;
-  window.kupolaInitializer = kupolaInitializer;
-}

package/js/kupola-core.js

@@ -129,16 +129,4 @@ export {
   defineMixin,
   useMixin,
   defineComponent
-};
-
-if (typeof window !== 'undefined') {
-  window.kupolaRegistry = kupolaRegistry;
-  window.kupolaInitializer = kupolaInitializer;
-  window.kupolaBootstrap = kupolaBootstrap;
-  window.registerComponent = registerComponent;
-  window.registerLazyComponent = registerLazyComponent;
-  window.bootstrapComponents = bootstrapComponents;
-  window.defineMixin = defineMixin;
-  window.useMixin = useMixin;
-  window.defineComponent = defineComponent;
-}
+};

package/js/kupola-lifecycle.js

@@ -477,7 +477,7 @@ export class KupolaPluginManager {
     const pluginHooks = this.pluginHooks.get(pluginName);
     
     Object.keys(hooks).forEach(phase => {
-      const unsubscribe = typeof window !== 'undefined' && window.kupolaLifecycle?.on(phase, hooks[phase], { name: `${pluginName}:${phase}` });
+      const unsubscribe = kupolaLifecycle?.on(phase, hooks[phase], { name: `${pluginName}:${phase}` });
       if (unsubscribe) {
         pluginHooks.push({ phase, unsubscribe });
       }
@@ -501,12 +501,4 @@ export const kupolaPluginManager = new KupolaPluginManager();
 
 export function createLifecycle(scope = 'app') {
   return new KupolaLifecycle(scope);
-}
-
-if (typeof window !== 'undefined') {
-  window.KupolaLifecycle = KupolaLifecycle;
-  window.KupolaPluginManager = KupolaPluginManager;
-  window.kupolaLifecycle = kupolaLifecycle;
-  window.kupolaPluginManager = kupolaPluginManager;
-  window.createLifecycle = createLifecycle;
 }

package/js/message.js

@@ -59,9 +59,4 @@ const Message = {
 
 function initMessages() {}
 
-export { Message, initMessages };
-
-if (typeof window !== 'undefined') {
-  window.Message = Message;
-  window.initMessages = initMessages;
-}
+export { Message, initMessages };

package/js/modal.js

@@ -1,3 +1,5 @@
+import { kupolaInitializer } from './initializer.js';
+
 class Modal {
   constructor(element, options = {}) {
     this.element = element;
@@ -16,6 +18,8 @@ class Modal {
     this.onOpened = options.onOpened || null;
     this.onClosed = options.onClosed || null;
     
+    this._isOpen = false; // 实例级跟踪，防止 _openCount 不匹配
+    
     this._keydownHandler = (e) => {
       if (this.escClose && e.key === 'Escape' && this.isVisible()) {
         this.close();
@@ -75,7 +79,10 @@ class Modal {
       });
     }
     
-    Modal._openCount = (Modal._openCount || 0) + 1;
+    if (!this._isOpen) {
+      Modal._openCount = (Modal._openCount || 0) + 1;
+      this._isOpen = true;
+    }
     document.body.style.overflow = 'hidden';
     
     if (this.onOpened) {
@@ -109,9 +116,12 @@ class Modal {
       }
     }, 300);
     
-    Modal._openCount = Math.max(0, (Modal._openCount || 0) - 1);
-    if (Modal._openCount === 0) {
-      document.body.style.overflow = '';
+    if (this._isOpen) {
+      Modal._openCount = Math.max(0, (Modal._openCount || 0) - 1);
+      this._isOpen = false;
+      if (Modal._openCount === 0) {
+        document.body.style.overflow = '';
+      }
     }
     
     if (this.onClosed) {
@@ -140,8 +150,13 @@ class Modal {
     if (this.mask) {
       this.mask.removeEventListener('click', this._maskClickHandler);
     }
-    if (this.isVisible()) {
-      this.close();
+    // 防御性：如果 destroy 时 modal 仍处于打开状态，强制修正计数
+    if (this._isOpen) {
+      Modal._openCount = Math.max(0, (Modal._openCount || 0) - 1);
+      this._isOpen = false;
+      if (Modal._openCount === 0) {
+        document.body.style.overflow = '';
+      }
     }
   }
 }
@@ -323,17 +338,4 @@ function initModals() {
 
 export { Modal, initModals, initModal, cleanupModal, createModal, confirmModal, alertModal };
 
-if (typeof window !== 'undefined') {
-  window.Modal = Modal;
-  window.initModal = initModal;
-  window.cleanupModal = cleanupModal;
-  window.initModals = initModals;
-  window.createModal = createModal;
-  window.confirmModal = confirmModal;
-  window.alertModal = alertModal;
-  
-  if (window.kupolaInitializer) {
-    window.kupolaInitializer.register('modal', initModal, cleanupModal);
-  }
-}
-
+kupolaInitializer.register('modal', initModal, cleanupModal);

package/js/notification.js

@@ -72,9 +72,4 @@ const Notification = {
 
 function initNotifications() {}
 
-export { Notification, initNotifications };
-
-if (typeof window !== 'undefined') {
-  window.Notification = Notification;
-  window.initNotifications = initNotifications;
-}
+export { Notification, initNotifications };

package/js/numberinput.js

@@ -1,3 +1,5 @@
+import { kupolaInitializer } from './initializer.js';
+
 class NumberInput {
     constructor(element) {
         this.element = element;
@@ -135,13 +137,4 @@ function initNumberInputs() {
 
 export { NumberInput, initNumberInputs, initNumberInput, cleanupNumberInput };
 
-if (typeof window !== 'undefined') {
-    window.NumberInput = NumberInput;
-    window.initNumberInput = initNumberInput;
-    window.cleanupNumberInput = cleanupNumberInput;
-    window.initNumberInputs = initNumberInputs;
-    
-    if (window.kupolaInitializer) {
-        window.kupolaInitializer.register('number-input', initNumberInput, cleanupNumberInput);
-    }
-}
+kupolaInitializer.register('number-input', initNumberInput, cleanupNumberInput);

package/js/pagination.js

@@ -256,8 +256,3 @@ function initPagination(element, options) {
 }
 
 export { KupolaPagination, initPagination };
-
-if (typeof window !== 'undefined') {
-    window.KupolaPagination = KupolaPagination;
-    window.initPagination = initPagination;
-}

package/js/registry.js

@@ -215,8 +215,4 @@ export class KupolaComponentRegistry {
     this.components.clear();
     this.mixins.clear();
   }
-}
-
-if (typeof window !== 'undefined') {
-  window.KupolaComponentRegistry = KupolaComponentRegistry;
 }

package/js/select.js

@@ -1,3 +1,6 @@
+import { globalEvents } from './global-events.js';
+import { kupolaInitializer } from './initializer.js';
+
 class Select {
   constructor(element, options = {}) {
     this.element = element;
@@ -130,11 +133,7 @@ class Select {
       }
     };
 
-    if (window.globalEvents) {
-      this._documentClickListener = window.globalEvents.on(document, 'click', this._documentClickHandler, { scope: this.scope });
-    } else {
-      document.addEventListener('click', this._documentClickHandler);
-    }
+    this._documentClickListener = globalEvents.on(document, 'click', this._documentClickHandler, { scope: this.scope });
 
     // Restore selected state from native select or data attributes
     this._restoreSelectedState();
@@ -585,14 +584,4 @@ function cleanupAllSelects() {
 
 export { Select, initSelect, initSelects, cleanupSelect, cleanupAllSelects };
 
-if (typeof window !== 'undefined') {
-  window.Select = Select;
-  window.initSelect = initSelect;
-  window.initSelects = initSelects;
-  window.cleanupSelect = cleanupSelect;
-  window.cleanupAllSelects = cleanupAllSelects;
-  
-  if (window.kupolaInitializer) {
-    window.kupolaInitializer.register('select', initSelect, cleanupSelect);
-  }
-}
+kupolaInitializer.register('select', initSelect, cleanupSelect);

package/js/slide-captcha.js

@@ -1,3 +1,6 @@
+import { globalEvents } from './global-events.js';
+import { kupolaInitializer } from './initializer.js';
+
 class SlideCaptcha {
   constructor(container) {
     this.container = container;
@@ -139,17 +142,10 @@ class SlideCaptcha {
 
     this.btn.addEventListener('mousedown', this._mouseDownHandler);
 
-    if (window.globalEvents) {
-      this._mouseMoveListener = window.globalEvents.on(document, 'mousemove', this._mouseMoveHandler, { scope: this.scope });
-      this._mouseUpListener = window.globalEvents.on(document, 'mouseup', this._mouseUpHandler, { scope: this.scope });
-      this._touchMoveListener = window.globalEvents.on(document, 'touchmove', this._touchMoveHandler, { scope: this.scope, passive: false });
-      this._touchEndListener = window.globalEvents.on(document, 'touchend', this._touchEndHandler, { scope: this.scope });
-    } else {
-      document.addEventListener('mousemove', this._mouseMoveHandler);
-      document.addEventListener('mouseup', this._mouseUpHandler);
-      document.addEventListener('touchmove', this._touchMoveHandler, { passive: false });
-      document.addEventListener('touchend', this._touchEndHandler);
-    }
+    this._mouseMoveListener = globalEvents.on(document, 'mousemove', this._mouseMoveHandler, { scope: this.scope });
+    this._mouseUpListener = globalEvents.on(document, 'mouseup', this._mouseUpHandler, { scope: this.scope });
+    this._touchMoveListener = globalEvents.on(document, 'touchmove', this._touchMoveHandler, { scope: this.scope, passive: false });
+    this._touchEndListener = globalEvents.on(document, 'touchend', this._touchEndHandler, { scope: this.scope });
 
     this.btn.addEventListener('touchstart', this._touchStartHandler, { passive: false });
 
@@ -501,13 +497,4 @@ function cleanupAllSlideCaptchas() {
 
 export { SlideCaptcha, initSlideCaptchas, cleanupSlideCaptcha, cleanupAllSlideCaptchas };
 
-if (typeof window !== 'undefined') {
-  window.SlideCaptcha = SlideCaptcha;
-  window.initSlideCaptchas = initSlideCaptchas;
-  window.cleanupSlideCaptcha = cleanupSlideCaptcha;
-  window.cleanupAllSlideCaptchas = cleanupAllSlideCaptchas;
-  
-  if (window.kupolaInitializer) {
-    window.kupolaInitializer.register('slide-captcha', initSlideCaptchas, cleanupAllSlideCaptchas);
-  }
-}
+kupolaInitializer.register('slide-captcha', initSlideCaptchas, cleanupAllSlideCaptchas);

package/js/slider.js

@@ -1,3 +1,5 @@
+import { kupolaInitializer } from './initializer.js';
+
 class Slider {
     constructor(element, options = {}) {
         this.element = element;
@@ -499,13 +501,4 @@ function initSliders() {
 
 export { Slider, initSlider, initSliders, cleanupSlider };
 
-if (typeof window !== 'undefined') {
-    window.Slider = Slider;
-    window.initSlider = initSlider;
-    window.initSliders = initSliders;
-    window.cleanupSlider = cleanupSlider;
-    
-    if (window.kupolaInitializer) {
-        window.kupolaInitializer.register('slider', initSlider, cleanupSlider);
-    }
-}
+kupolaInitializer.register('slider', initSlider, cleanupSlider);

package/js/statcard.js

@@ -1,3 +1,5 @@
+import { kupolaInitializer } from './initializer.js';
+
 class StatCard {
   constructor(element) {
     this.element = element;
@@ -208,14 +210,4 @@ function updateStatCard(selector, newValue) {
 
 export { StatCard, initStatCards, initStatCard, cleanupStatCard, updateStatCard };
 
-if (typeof window !== 'undefined') {
-  window.StatCard = StatCard;
-  window.initStatCard = initStatCard;
-  window.cleanupStatCard = cleanupStatCard;
-  window.initStatCards = initStatCards;
-  window.updateStatCard = updateStatCard;
-  
-  if (window.kupolaInitializer) {
-    window.kupolaInitializer.register('statcard', initStatCard, cleanupStatCard);
-  }
-}
+kupolaInitializer.register('statcard', initStatCard, cleanupStatCard);