@countriesdb/widget 0.1.25 → 0.1.26

package/dist/index.js

@@ -752,27 +752,47 @@
                     select.innerHTML += `<option value="${defaultValue}" disabled>Error: No country select present</option>`;
                 }
             }
+            // Remove old event handlers if they exist (for re-initialization)
+            const oldHandlers = state.eventHandlers.get(select);
+            if (oldHandlers) {
+                if (oldHandlers.update) {
+                    select.removeEventListener('change', oldHandlers.update);
+                }
+                if (oldHandlers.followRelated) {
+                    select.removeEventListener('change', oldHandlers.followRelated);
+                }
+                if (oldHandlers.followUpward) {
+                    select.removeEventListener('change', oldHandlers.followUpward);
+                }
+            }
+            // Create new event handlers
+            const handlers = {};
             // Always dispatch an update event for user-initiated subdivision changes
-            select.addEventListener('change', (event) => {
+            handlers.update = (event) => {
                 if (isWidgetInitiatedEvent(event)) {
                     return;
                 }
                 dispatchUpdateEvent(select, { type: 'subdivision', reason: 'regular' });
-            });
+            };
+            select.addEventListener('change', handlers.update);
             // --- follow_related (forward direction) ---
-            select.addEventListener('change', async (event) => {
+            handlers.followRelated = async (event) => {
                 if (isWidgetInitiatedEvent(event)) {
                     return;
                 }
                 await handleFollowRelatedFromSubdivision(select, apiKey, backendUrl, state, config.followRelated, (s, key, code) => updateSubdivisionSelect(s, key, backendUrl, state, config, code));
-            });
+            };
+            select.addEventListener('change', handlers.followRelated);
             // --- follow_upward (reverse direction) ---
-            select.addEventListener('change', async (event) => {
+            handlers.followUpward = async (event) => {
                 if (isWidgetInitiatedEvent(event)) {
                     return;
                 }
                 await handleFollowUpwardFromSubdivision(select, apiKey, backendUrl, state, config.followUpward, (s, key, code) => updateSubdivisionSelect(s, key, backendUrl, state, config, code));
-            });
+            };
+            select.addEventListener('change', handlers.followUpward);
+            // Store handlers for future cleanup
+            state.eventHandlers.set(select, handlers);
         }
     }
     /**
@@ -991,8 +1011,13 @@
                     // Subdivisions will be loaded by event handler
                     loadedInitialSubdivisions = true;
                 }
-                // On change => update subdivisions
-                select.addEventListener('change', async (event) => {
+                // Remove old event handlers if they exist (for re-initialization)
+                const oldCountryHandlers = state.eventHandlers.get(select);
+                if (oldCountryHandlers?.countryChange) {
+                    select.removeEventListener('change', oldCountryHandlers.countryChange);
+                }
+                // Create new country change handler
+                const countryChangeHandler = async (event) => {
                     if (isWidgetInitiatedEvent(event)) {
                         return;
                     }
@@ -1014,7 +1039,12 @@
                     if (config.followUpward && !select.multiple && picked.is_subdivision_of) {
                         await handleFollowUpwardFromCountry(select, apiKey, backendUrl, state, config.followUpward, (s, key, code) => updateSubdivisionSelect(s, key, backendUrl, state, subdivisionConfig, code));
                     }
-                });
+                };
+                // Store and attach the handler
+                const countryHandlers = state.eventHandlers.get(select) || {};
+                countryHandlers.countryChange = countryChangeHandler;
+                state.eventHandlers.set(select, countryHandlers);
+                select.addEventListener('change', countryChangeHandler);
             }
             catch (error) {
                 console.error('Failed to fetch countries:', error);
@@ -1089,6 +1119,7 @@
                 subdivisionsMap: new WeakMap(),
                 subdivisionsLanguageMap: new WeakMap(),
                 isInitializing: new Set(),
+                eventHandlers: new WeakMap(),
             };
             // Use empty string if publicKey is missing (will show error when API calls fail)
             const apiKey = config.publicKey || '';