@countriesdb/widget 0.1.30 → 0.1.32

package/dist/index.js

@@ -1,1480 +1,2 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
-    typeof define === 'function' && define.amd ? define(factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.CountriesWidget = factory());
-})(this, (function () { 'use strict';
-
-    /**
-     * API client for CountriesDB API
-     */
-    class CountriesDBClient {
-        /**
-         * Fetch countries from the API
-         */
-        static async fetchCountries(options) {
-            const { apiKey, backendUrl, shouldUseGeoIP = true, isoCountryNames = false, languageHeaders = {}, } = options;
-            const base = `${backendUrl}/api/countries`;
-            const params = [];
-            if (!shouldUseGeoIP) {
-                params.push('no_geoip=1');
-            }
-            if (isoCountryNames) {
-                params.push('country_name_source=iso');
-            }
-            const url = params.length ? `${base}?${params.join('&')}` : base;
-            return this.fetchFromApi(url, apiKey, languageHeaders);
-        }
-        /**
-         * Fetch subdivisions for a specific country
-         */
-        static async fetchSubdivisions(options) {
-            const { apiKey, backendUrl, countryCode, shouldUseGeoIP = true, preferOfficial = false, subdivisionRomanizationPreference, preferLocalVariant = false, languageHeaders = {}, } = options;
-            if (!countryCode) {
-                return { data: [], language: null };
-            }
-            const base = `${backendUrl}/api/countries/${countryCode}/subdivisions`;
-            const params = [];
-            if (!shouldUseGeoIP) {
-                params.push('no_geoip=1');
-            }
-            if (subdivisionRomanizationPreference) {
-                params.push(`subdivision_romanization_preference=${encodeURIComponent(subdivisionRomanizationPreference)}`);
-            }
-            if (preferLocalVariant) {
-                params.push('prefer_local_variant=1');
-            }
-            if (preferOfficial) {
-                params.push('prefer_official=1');
-            }
-            const url = params.length ? `${base}?${params.join('&')}` : base;
-            return this.fetchFromApi(url, apiKey, languageHeaders);
-        }
-        /**
-         * Generic API fetch method
-         */
-        static async fetchFromApi(url, apiKey, languageHeaders) {
-            try {
-                const response = await fetch(url, {
-                    headers: {
-                        ...languageHeaders,
-                        'X-API-KEY': apiKey,
-                        'Content-Type': 'application/json',
-                    },
-                });
-                if (!response.ok) {
-                    let errorMessage = `HTTP Error: ${response.status}`;
-                    try {
-                        const errorData = await response.json();
-                        if (errorData.error) {
-                            errorMessage = errorData.error;
-                        }
-                    }
-                    catch {
-                        // Ignore JSON parse errors
-                    }
-                    throw new Error(errorMessage);
-                }
-                const data = (await response.json());
-                const language = response.headers.get('X-Selected-Language') || null;
-                return { data, language };
-            }
-            catch (error) {
-                console.error(`Failed to fetch data from ${url}:`, error);
-                throw error;
-            }
-        }
-        /**
-         * Get language headers from browser and config
-         */
-        static getLanguageHeaders(forcedLanguage, defaultLanguage) {
-            const headers = {};
-            if (forcedLanguage) {
-                headers['X-Forced-Language'] = forcedLanguage;
-            }
-            if (defaultLanguage) {
-                headers['X-Default-Language'] = defaultLanguage;
-            }
-            // Use browser's language preference
-            if (typeof navigator !== 'undefined' && navigator.language) {
-                headers['Accept-Language'] = navigator.language;
-            }
-            else {
-                headers['Accept-Language'] = 'en';
-            }
-            return headers;
-        }
-    }
-
-    /**
-     * Utilities for building and working with subdivision trees
-     */
-    /**
-     * Build a tree structure from a flat list of subdivisions
-     */
-    function buildSubdivisionTree(subdivisions) {
-        const map = {};
-        const roots = [];
-        // Create map of all subdivisions
-        subdivisions.forEach((item) => {
-            map[item.id] = {
-                ...item,
-                children: [],
-            };
-        });
-        // Build tree structure
-        subdivisions.forEach((item) => {
-            const node = map[item.id];
-            if (item.parent_id && map[item.parent_id]) {
-                map[item.parent_id].children.push(node);
-            }
-            else {
-                roots.push(node);
-            }
-        });
-        return roots;
-    }
-    /**
-     * Flatten subdivision tree into HTML options
-     */
-    function flattenSubdivisionOptions(nodes, level, prefixes, labelKey, language, allowParentSelection, subdivisionNameFilter) {
-        let html = '';
-        // Apply name filter and get display names
-        const nodesWithDisplayNames = nodes
-            .map((node) => {
-            let displayName = node[labelKey] || node.name;
-            const countryCode = node.code ? node.code.split('-')[0] : null;
-            // Apply subdivisionNameFilter if provided
-            if (subdivisionNameFilter && typeof subdivisionNameFilter === 'function') {
-                const filteredName = subdivisionNameFilter(node.code, displayName, language, countryCode, node);
-                if (filteredName === false) {
-                    return null; // Mark for filtering - remove this item
-                }
-                if (filteredName !== null && filteredName !== undefined) {
-                    displayName = filteredName;
-                }
-            }
-            return { ...node, _displayName: displayName };
-        })
-            .filter((node) => node !== null);
-        // Sort: use Unicode-aware sorting if subdivisionNameFilter was used
-        const locale = subdivisionNameFilter && typeof subdivisionNameFilter === 'function' && language
-            ? language
-            : undefined;
-        nodesWithDisplayNames.sort((a, b) => {
-            if (locale) {
-                return a._displayName.localeCompare(b._displayName, locale, {
-                    sensitivity: 'accent', // Case-insensitive, accent-sensitive
-                    ignorePunctuation: false,
-                });
-            }
-            return a._displayName.localeCompare(b._displayName); // Default behavior
-        });
-        const prefix = level > 0 ? (prefixes[level] ?? ' '.repeat(level * 2)) : '';
-        const cssClass = `subdivision-level-${level}`;
-        for (const node of nodesWithDisplayNames) {
-            const hasChildren = node.children && node.children.length > 0;
-            const displayName = node._displayName;
-            const label = `${prefix}${displayName}`;
-            if (hasChildren) {
-                if (allowParentSelection) {
-                    html += `<option value="${node.code}" class="${cssClass}">${label}</option>`;
-                }
-                else {
-                    html += `<option disabled value="${node.code}" class="${cssClass}">${label}</option>`;
-                }
-                html += flattenSubdivisionOptions(node.children, level + 1, prefixes, labelKey, language, allowParentSelection, subdivisionNameFilter);
-            }
-            else {
-                html += `<option value="${node.code}" class="${cssClass}">${label}</option>`;
-            }
-        }
-        return html;
-    }
-    /**
-     * Parse nesting prefixes from data attributes
-     */
-    function parseNestingPrefixes(dataAttributes) {
-        const prefixes = {};
-        for (let lvl = 1; lvl <= 10; lvl++) {
-            const key = `nested${lvl}Prefix`;
-            const value = dataAttributes[key];
-            if (value !== undefined) {
-                prefixes[lvl] = value;
-            }
-            else {
-                break;
-            }
-        }
-        return prefixes;
-    }
-
-    /**
-     * Name filtering utilities
-     */
-    /**
-     * Apply country name filter to a list of countries
-     */
-    function applyCountryNameFilter(countries, filter, language) {
-        if (!filter || typeof filter !== 'function') {
-            return countries.map((c) => ({ ...c, _displayName: c.name }));
-        }
-        return countries
-            .map((country) => {
-            const filteredName = filter(country.iso_alpha_2, country.name, language, country);
-            if (filteredName === false) {
-                return null; // Skip this item
-            }
-            const displayName = filteredName !== null && filteredName !== undefined
-                ? filteredName
-                : country.name;
-            return { ...country, _displayName: displayName };
-        })
-            .filter((c) => c !== null);
-    }
-    /**
-     * Sort countries with Unicode-aware sorting
-     */
-    function sortCountries(countries, language) {
-        const locale = language;
-        return [...countries].sort((a, b) => {
-            {
-                return a._displayName.localeCompare(b._displayName, locale, {
-                    sensitivity: 'accent', // Case-insensitive, accent-sensitive
-                    ignorePunctuation: false,
-                });
-            }
-        });
-    }
-
-    /**
-     * DOM manipulation utilities
-     */
-    /**
-     * Initialize a select element with default option
-     */
-    function initializeSelect(select, fallbackLabel = 'Not Applicable', isSubdivision = false) {
-        const isMultiple = select.hasAttribute('multiple');
-        // For multi-select, don't add default option or use data-label/data-default-value
-        if (isMultiple) {
-            select.innerHTML = '';
-            // Remove data-label and data-default-value for multi-select (they're ignored)
-            if (select.dataset.label !== undefined) {
-                delete select.dataset.label;
-            }
-            if (select.dataset.defaultValue !== undefined) {
-                delete select.dataset.defaultValue;
-            }
-        }
-        else {
-            const dataLabel = select.dataset.label;
-            const dataDefaultValue = select.dataset.defaultValue;
-            const label = dataLabel || fallbackLabel;
-            const defaultValue = dataDefaultValue ?? '';
-            select.innerHTML = `<option value="${defaultValue}">${label}</option>`;
-            if (dataLabel !== undefined) {
-                select.dataset.label = dataLabel;
-            }
-            if (dataDefaultValue !== undefined) {
-                select.dataset.defaultValue = dataDefaultValue;
-            }
-        }
-        if (isSubdivision) {
-            select.disabled = true;
-        }
-    }
-    /**
-     * Populate a select element with countries
-     */
-    function populateCountrySelect(select, countries, language, countryNameFilter) {
-        // Apply filter and get display names
-        let filteredCountries = applyCountryNameFilter(countries, countryNameFilter, language);
-        // Sort if filter was applied
-        if (countryNameFilter) {
-            filteredCountries = sortCountries(filteredCountries, language);
-        }
-        // Check for multi-select using both attribute and property
-        const isMultiple = select.hasAttribute('multiple') || select.multiple;
-        if (isMultiple) {
-            // For multi-select, don't add default option (like old widget)
-            select.innerHTML = '';
-        }
-        else {
-            // Clear existing options (except default)
-            const defaultOption = select.querySelector('option[value=""]') ||
-                (select.dataset.defaultValue ? select.querySelector(`option[value="${select.dataset.defaultValue}"]`) : null);
-            const defaultValue = select.dataset.defaultValue ?? '';
-            // Keep default option if it exists
-            select.innerHTML = defaultOption ? defaultOption.outerHTML : `<option value="${defaultValue}">${select.dataset.label || '&mdash;'}</option>`;
-        }
-        // Add country options
-        filteredCountries.forEach((country) => {
-            const option = document.createElement('option');
-            option.value = country.iso_alpha_2;
-            option.textContent = country._displayName;
-            select.appendChild(option);
-        });
-    }
-    /**
-     * Populate a select element with subdivisions
-     */
-    function buildSubdivisionOptionsHTML(subdivisions, select, language, showSubdivisionType, allowParentSelection, subdivisionNameFilter) {
-        const tree = buildSubdivisionTree(subdivisions);
-        // Parse nesting prefixes from data attributes
-        const dataAttributes = {};
-        for (let lvl = 1; lvl <= 10; lvl++) {
-            const key = `nested${lvl}Prefix`;
-            const value = select.dataset[key];
-            if (value !== undefined) {
-                dataAttributes[`nested${lvl}Prefix`] = value;
-            }
-            else {
-                break;
-            }
-        }
-        const prefixes = parseNestingPrefixes(dataAttributes);
-        const isMultiple = select.hasAttribute('multiple');
-        const labelKey = showSubdivisionType ? 'full_name' : 'name';
-        let html = '';
-        // For multi-select, don't add default option
-        if (!isMultiple) {
-            const defaultLabel = select.dataset.label || '&mdash;';
-            const defaultValue = select.dataset.defaultValue ?? '';
-            html = `<option value="${defaultValue}">${defaultLabel}</option>`;
-        }
-        html += flattenSubdivisionOptions(tree, 0, prefixes, labelKey, language, allowParentSelection, subdivisionNameFilter);
-        return html;
-    }
-    /**
-     * Apply preselected value to a select element
-     * Like old widget, reads the value from the select element itself to get current state
-     */
-    function applyPreselectedValue(select, apiKey) {
-        // Read from select element like old widget (line 740)
-        const tempOnce = select.dataset._widgetTempPreselect;
-        const permanent = select.getAttribute('data-preselected') || select.dataset.preselected;
-        const chosen = (tempOnce !== undefined && tempOnce !== null && String(tempOnce).trim() !== '')
-            ? tempOnce
-            : permanent;
-        if (!chosen || (typeof chosen === 'string' && chosen.trim() === '')) {
-            return;
-        }
-        const value = String(chosen);
-        const isMultiple = select.hasAttribute('multiple');
-        if (isMultiple) {
-            // For multi-select, parse comma-separated values
-            const values = value
-                .split(',')
-                .map((v) => v.trim())
-                .filter((v) => v !== '');
-            // Select all matching options
-            Array.from(select.options).forEach((option) => {
-                option.selected = values.includes(option.value);
-            });
-        }
-        else {
-            // Single select: set single value
-            select.value = value;
-        }
-        // Consume preselect so it's only applied once (like old widget)
-        if (select.dataset._widgetTempPreselect !== undefined) {
-            delete select.dataset._widgetTempPreselect;
-        }
-        if (select.dataset.preselected !== undefined) {
-            delete select.dataset.preselected;
-        }
-        if (select.hasAttribute('data-preselected')) {
-            select.removeAttribute('data-preselected');
-        }
-    }
-    /**
-     * Handle API error by showing error message in select
-     */
-    function handleApiError(select, errorMessage, replace = false) {
-        const message = errorMessage instanceof Error ? errorMessage.message : errorMessage;
-        const defaultValue = select.dataset.defaultValue ?? '';
-        // Add "Error: " prefix to match old widget behavior and test expectations
-        const formattedMessage = message.startsWith('Error: ') ? message : `Error: ${message}`;
-        if (replace) {
-            select.innerHTML = `<option value="${defaultValue}" disabled>${formattedMessage}</option>`;
-        }
-        else {
-            select.innerHTML += `<option value="${defaultValue}" disabled>${formattedMessage}</option>`;
-        }
-    }
-
-    /**
-     * Event system for widget updates
-     */
-    /**
-     * Dispatch a custom update event for widget changes
-     */
-    function dispatchUpdateEvent(select, detail = {}) {
-        let selectedValues = [];
-        if (select.multiple) {
-            // For multi-select, selectedOptions is a HTMLCollection, convert to array
-            selectedValues = Array.from(select.selectedOptions || [])
-                .map((opt) => opt.value)
-                .filter((v) => v !== '');
-        }
-        else {
-            // For single-select, use value
-            selectedValues = select.value ? [select.value] : [];
-        }
-        const evt = new CustomEvent('countriesWidget:update', {
-            bubbles: true,
-            detail: {
-                value: select.value || '',
-                selectedValues,
-                name: select.dataset.name || null,
-                country: select.dataset.country || null,
-                isSubdivision: select.classList.contains('subdivision-selection'),
-                ...detail,
-            },
-        });
-        select.dispatchEvent(evt);
-    }
-    /**
-     * Dispatch a custom ready event once a select has been populated.
-     */
-    function dispatchReadyEvent(select, detail = {}) {
-        const selectedValues = select.multiple
-            ? Array.from(select.selectedOptions || [])
-                .map((opt) => opt.value)
-                .filter((v) => v !== '')
-            : select.value
-                ? [select.value]
-                : [];
-        const evt = new CustomEvent('countriesWidget:ready', {
-            bubbles: true,
-            detail: {
-                value: select.value || '',
-                selectedValues,
-                name: select.dataset.name || null,
-                country: select.dataset.country || null,
-                isSubdivision: select.classList.contains('subdivision-selection'),
-                type: select.classList.contains('subdivision-selection')
-                    ? 'subdivision'
-                    : 'country',
-                phase: 'initial',
-                ...detail,
-            },
-        });
-        select.dispatchEvent(evt);
-    }
-    /**
-     * Check if an event was initiated by the widget (not user)
-     */
-    function isWidgetInitiatedEvent(event) {
-        return event.isWidgetInitiated === true;
-    }
-
-    /**
-     * Follow logic for related and upward navigation
-     */
-    /**
-     * Trigger follow logic when a subdivision is selected
-     */
-    async function triggerFollowLogic(select, apiKey, backendUrl, state, followRelated, followUpward, updateSubdivisionSelectFn, updateSubdivisionsFn) {
-        if (!followRelated && !followUpward) {
-            return;
-        }
-        const linkedCountrySelect = document.querySelector(`.country-selection[data-name="${select.dataset.country}"]`);
-        // Only work if country is single-select (never when country is multi)
-        if (!linkedCountrySelect || linkedCountrySelect.multiple) {
-            return;
-        }
-        const allSubs = state.subdivisionsMap.get(select);
-        if (!allSubs) {
-            return;
-        }
-        // For follow_upward, only work if subdivision is single-select
-        if (followUpward && select.multiple) {
-            return;
-        }
-        const selectedCode = select.value;
-        if (!selectedCode) {
-            return;
-        }
-        const picked = allSubs.find((s) => s.code === selectedCode);
-        if (!picked) {
-            return;
-        }
-        // follow_related
-        if (followRelated && picked.related_country_code) {
-            const targetCountry = picked.related_country_code;
-            const targetSubdivision = picked.related_subdivision_code;
-            const relatedSubsSelect = document.querySelector(`.subdivision-selection[data-country="${linkedCountrySelect.dataset.name}"]`);
-            if (relatedSubsSelect && targetSubdivision) {
-                relatedSubsSelect.dataset._widgetTempPreselect = targetSubdivision; // one-time preselect
-            }
-            if (linkedCountrySelect.value !== targetCountry) {
-                // Directly set value like old widget did
-                linkedCountrySelect.value = targetCountry;
-                dispatchUpdateEvent(linkedCountrySelect, { type: 'country', reason: 'regular' });
-                // Update all subdivision selects for the new country (like old widget)
-                if (updateSubdivisionsFn) {
-                    await updateSubdivisionsFn(linkedCountrySelect, apiKey);
-                }
-                else if (relatedSubsSelect) {
-                    // Fallback: update just the one subdivision select
-                    await updateSubdivisionSelectFn(relatedSubsSelect, apiKey, targetCountry);
-                }
-            }
-            else {
-                if (relatedSubsSelect && targetSubdivision) {
-                    await updateSubdivisionSelectFn(relatedSubsSelect, apiKey, targetCountry);
-                }
-            }
-        }
-        // follow_upward
-        if (followUpward && picked.is_subdivision_of) {
-            const parentCode = picked.is_subdivision_of.parent_country_code;
-            const parentSub = picked.is_subdivision_of.subdivision_code;
-            if (parentSub) {
-                const relatedSubsSelect = document.querySelector(`.subdivision-selection[data-country="${linkedCountrySelect.dataset.name}"]`);
-                // Only preselect if subdivision is single-select (follow_upward doesn't work with multi)
-                if (relatedSubsSelect && !relatedSubsSelect.multiple) {
-                    relatedSubsSelect.dataset._widgetTempPreselect = parentSub; // one-time preselect
-                }
-            }
-            if (linkedCountrySelect.value !== parentCode) {
-                // Directly set value like old widget did
-                linkedCountrySelect.value = parentCode;
-                dispatchUpdateEvent(linkedCountrySelect, { type: 'country', reason: 'regular' });
-                // Update all subdivision selects for the new country (like old widget)
-                if (updateSubdivisionsFn) {
-                    await updateSubdivisionsFn(linkedCountrySelect, apiKey);
-                }
-                else {
-                    const relatedSubsSelect = document.querySelector(`.subdivision-selection[data-country="${linkedCountrySelect.dataset.name}"]`);
-                    if (relatedSubsSelect) {
-                        await updateSubdivisionSelectFn(relatedSubsSelect, apiKey, parentCode);
-                    }
-                }
-            }
-            else if (parentSub) {
-                const relatedSubsSelect = document.querySelector(`.subdivision-selection[data-country="${linkedCountrySelect.dataset.name}"]`);
-                if (relatedSubsSelect && !relatedSubsSelect.multiple) {
-                    await updateSubdivisionSelectFn(relatedSubsSelect, apiKey, parentCode);
-                }
-            }
-        }
-    }
-    /**
-     * Handle follow_related from subdivision change event
-     */
-    async function handleFollowRelatedFromSubdivision(select, apiKey, backendUrl, state, followRelated, updateSubdivisionSelectFn) {
-        if (!followRelated) {
-            return;
-        }
-        const linkedCountrySelect = document.querySelector(`.country-selection[data-name="${select.dataset.country}"]`);
-        // Only work if country is single-select (never when country is multi)
-        if (!linkedCountrySelect || linkedCountrySelect.multiple) {
-            return;
-        }
-        const allSubs = state.subdivisionsMap.get(select);
-        if (!allSubs) {
-            return;
-        }
-        // Get selected code (for multi-select, use first selected value)
-        const selectedCode = select.multiple
-            ? (select.selectedOptions[0]?.value || null)
-            : select.value;
-        if (!selectedCode) {
-            return;
-        }
-        const picked = allSubs.find((s) => s.code === selectedCode);
-        if (!picked || !picked.related_country_code) {
-            return;
-        }
-        const targetCountry = picked.related_country_code;
-        const targetSubdivision = picked.related_subdivision_code;
-        const relatedSubsSelect = document.querySelector(`.subdivision-selection[data-country="${linkedCountrySelect.dataset.name}"]`);
-        if (relatedSubsSelect && targetSubdivision) {
-            relatedSubsSelect.dataset.preselected = targetSubdivision;
-        }
-        if (linkedCountrySelect.value !== targetCountry) {
-            // Directly set value like old widget did
-            linkedCountrySelect.value = targetCountry;
-            dispatchUpdateEvent(linkedCountrySelect, { type: 'country', reason: 'regular' });
-            // Update all subdivision selects for the new country (like old widget)
-            // Note: updateSubdivisionsFn is not available in handleFollowRelatedFromSubdivision,
-            // so we update the subdivision select manually
-            if (relatedSubsSelect) {
-                await updateSubdivisionSelectFn(relatedSubsSelect, apiKey, targetCountry);
-            }
-        }
-        else {
-            if (relatedSubsSelect && targetSubdivision) {
-                await updateSubdivisionSelectFn(relatedSubsSelect, apiKey, targetCountry);
-            }
-        }
-    }
-    /**
-     * Handle follow_upward from subdivision change event
-     */
-    async function handleFollowUpwardFromSubdivision(select, apiKey, backendUrl, state, followUpward, updateSubdivisionSelectFn) {
-        if (!followUpward) {
-            return;
-        }
-        // Disable for multi-select subdivisions
-        if (select.multiple) {
-            return;
-        }
-        const linkedCountrySelect = document.querySelector(`.country-selection[data-name="${select.dataset.country}"]`);
-        // Only work if country is single-select (never when country is multi)
-        if (!linkedCountrySelect || linkedCountrySelect.multiple) {
-            return;
-        }
-        const allSubs = state.subdivisionsMap.get(select);
-        if (!allSubs) {
-            return;
-        }
-        const selectedCode = select.value;
-        if (!selectedCode) {
-            return;
-        }
-        const picked = allSubs.find((s) => s.code === selectedCode);
-        if (!picked || !picked.is_subdivision_of) {
-            return;
-        }
-        const parentCode = picked.is_subdivision_of.parent_country_code;
-        const parentSub = picked.is_subdivision_of.subdivision_code;
-        if (parentSub) {
-            const relatedSubsSelect = document.querySelector(`.subdivision-selection[data-country="${linkedCountrySelect.dataset.name}"]`);
-            if (relatedSubsSelect) {
-                relatedSubsSelect.dataset.preselected = parentSub;
-            }
-        }
-        if (linkedCountrySelect.value !== parentCode) {
-            // Directly set value like old widget did
-            linkedCountrySelect.value = parentCode;
-            dispatchUpdateEvent(linkedCountrySelect, { type: 'country', reason: 'follow' });
-            // Update all subdivision selects for the new country (like old widget)
-            // Note: updateSubdivisionsFn is not available in handleFollowUpwardFromSubdivision,
-            // so we update the subdivision select manually
-            const relatedSubsSelect = document.querySelector(`.subdivision-selection[data-country="${linkedCountrySelect.dataset.name}"]`);
-            if (relatedSubsSelect) {
-                await updateSubdivisionSelectFn(relatedSubsSelect, apiKey, parentCode);
-            }
-        }
-        else if (parentSub) {
-            const relatedSubsSelect = document.querySelector(`.subdivision-selection[data-country="${linkedCountrySelect.dataset.name}"]`);
-            if (relatedSubsSelect) {
-                await updateSubdivisionSelectFn(relatedSubsSelect, apiKey, parentCode);
-            }
-        }
-    }
-    /**
-     * Handle follow_upward from country change event
-     */
-    async function handleFollowUpwardFromCountry(select, apiKey, backendUrl, state, followUpward, updateSubdivisionSelectFn) {
-        // Only works when country is single-select (never for multi-select)
-        if (!followUpward || select.multiple) {
-            return;
-        }
-        const countries = state.countriesMap.get(select);
-        if (!countries) {
-            return;
-        }
-        const chosen = select.value;
-        if (!chosen) {
-            return;
-        }
-        const picked = countries.find((c) => c.iso_alpha_2 === chosen);
-        if (!picked || !picked.is_subdivision_of) {
-            return;
-        }
-        const parentCode = picked.is_subdivision_of.parent_country_code;
-        const parentSub = picked.is_subdivision_of.subdivision_code;
-        if (select.value !== parentCode) {
-            if (parentSub) {
-                const linkedSubdivisionSelects = Array.from(document.querySelectorAll(`.subdivision-selection[data-country="${select.dataset.name}"]`));
-                for (const s of linkedSubdivisionSelects) {
-                    // Only preselect if subdivision is single-select (follow_upward doesn't work with multi)
-                    if (!s.multiple) {
-                        s.dataset.preselected = parentSub;
-                    }
-                }
-            }
-            // Directly set value like old widget did
-            select.value = parentCode;
-            dispatchUpdateEvent(select, { type: 'country', reason: 'regular' });
-            // Update all subdivision selects for the new country (like old widget)
-            // Note: updateSubdivisionsFn is not available in handleFollowUpwardFromCountry,
-            // so we update all subdivision selects manually
-            const linkedSubdivisionSelects = Array.from(document.querySelectorAll(`.subdivision-selection[data-country="${select.dataset.name}"]`));
-            for (const s of linkedSubdivisionSelects) {
-                await updateSubdivisionSelectFn(s, apiKey, parentCode);
-            }
-        }
-        else if (parentSub) {
-            const linkedSubdivisionSelects = Array.from(document.querySelectorAll(`.subdivision-selection[data-country="${select.dataset.name}"]`));
-            for (const s of linkedSubdivisionSelects) {
-                // Only update if subdivision is single-select
-                if (!s.multiple) {
-                    await updateSubdivisionSelectFn(s, apiKey, parentCode);
-                }
-            }
-        }
-    }
-
-    /**
-     * Widget initialization logic
-     */
-    /**
-     * Setup subdivision selection elements
-     */
-    async function setupSubdivisionSelection(apiKey, backendUrl, state, config) {
-        const subdivisionSelects = Array.from(document.querySelectorAll('.subdivision-selection'));
-        for (const select of subdivisionSelects) {
-            // Initialize with a default option
-            initializeSelect(select, '&mdash;', true);
-            // Linked country select (if any)
-            const countryName = select.dataset.country;
-            const linkedCountrySelect = countryName
-                ? document.querySelector(`.country-selection[data-name="${countryName}"]`)
-                : null;
-            // Check if linked country select is multi-select (not allowed)
-            if (linkedCountrySelect && linkedCountrySelect.hasAttribute('multiple')) {
-                const defaultValue = select.dataset.defaultValue ?? '';
-                select.innerHTML = `<option value="${defaultValue}" disabled>Error: Cannot link to multi-select country. Use data-country-code instead.</option>`;
-                continue;
-            }
-            // No direct link → maybe data-country-code
-            if (!countryName || !linkedCountrySelect) {
-                if (select.hasAttribute('data-country-code') &&
-                    select.dataset.countryCode) {
-                    await updateSubdivisionSelect(select, apiKey, backendUrl, state, config, select.dataset.countryCode);
-                }
-                else {
-                    const defaultValue = select.dataset.defaultValue ?? '';
-                    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
-            handlers.update = (event) => {
-                if (isWidgetInitiatedEvent(event)) {
-                    return;
-                }
-                dispatchUpdateEvent(select, { type: 'subdivision', reason: 'regular' });
-            };
-            select.addEventListener('change', handlers.update);
-            // --- follow_related (forward direction) ---
-            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) ---
-            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);
-        }
-    }
-    /**
-     * Update subdivision select with data for a specific country
-     */
-    async function updateSubdivisionSelect(select, apiKey, backendUrl, state, config, countryCode) {
-        const preselectedValue = select.getAttribute('data-preselected') || select.dataset.preselected;
-        // Check if this is a reload (select was already populated before)
-        const isReload = state.subdivisionsMap.has(select);
-        initializeSelect(select, '&mdash;', true);
-        // Mark as initializing to prevent change events
-        state.isInitializing.add(select);
-        let effectiveCountryCode = countryCode;
-        if (!effectiveCountryCode) {
-            effectiveCountryCode = select.dataset.countryCode || '';
-        }
-        if (effectiveCountryCode) {
-            let valueSetByWidget = false; // Track if a value was set by widget
-            try {
-                // Use GeoIP only if data-preselected attribute is not set at all
-                const shouldUseGeoIP = preselectedValue === undefined || preselectedValue === null;
-                // Check if this subdivision select prefers official subdivisions
-                // Use data attribute if present, otherwise use config
-                const preferOfficial = select.hasAttribute('data-prefer-official')
-                    ? true
-                    : config.preferOfficialSubdivisions;
-                const languageHeaders = CountriesDBClient.getLanguageHeaders(config.forcedLanguage, config.defaultLanguage);
-                const subdivisionsResult = await CountriesDBClient.fetchSubdivisions({
-                    apiKey,
-                    backendUrl,
-                    countryCode: effectiveCountryCode,
-                    shouldUseGeoIP,
-                    preferOfficial,
-                    subdivisionRomanizationPreference: config.subdivisionRomanizationPreference,
-                    preferLocalVariant: config.preferLocalVariant,
-                    languageHeaders,
-                });
-                const subdivisions = subdivisionsResult.data;
-                const subdivisionsLanguage = subdivisionsResult.language || 'en';
-                // Store in memory
-                state.subdivisionsMap.set(select, subdivisions);
-                state.subdivisionsLanguageMap.set(select, subdivisionsLanguage);
-                if (subdivisions.length > 0) {
-                    // Populate <option>
-                    select.disabled = false;
-                    // Preserve data attributes before setting innerHTML (only for non-multi-select)
-                    const isMultiple = select.hasAttribute('multiple');
-                    const dataLabel = !isMultiple ? select.dataset.label : undefined;
-                    const dataDefaultValue = !isMultiple
-                        ? select.dataset.defaultValue
-                        : undefined;
-                    // Preserve user's current selection before clearing innerHTML
-                    // This prevents preselected values from overwriting user selections
-                    const currentValue = select.value;
-                    const defaultValue = select.dataset.defaultValue || '';
-                    const hasUserSelection = currentValue && currentValue !== defaultValue && currentValue.trim() !== '';
-                    select.innerHTML = buildSubdivisionOptionsHTML(subdivisions, select, subdivisionsLanguage, config.showSubdivisionType, config.allowParentSelection, config.subdivisionNameFilter);
-                    // Restore data attributes after setting innerHTML
-                    if (!isMultiple) {
-                        if (dataLabel !== undefined) {
-                            select.dataset.label = dataLabel;
-                        }
-                        if (dataDefaultValue !== undefined) {
-                            select.dataset.defaultValue = dataDefaultValue;
-                        }
-                    }
-                    // Restore user's selection if it exists in the new options (user selection takes priority)
-                    let userSelectionRestored = false;
-                    if (hasUserSelection && !isMultiple) {
-                        const optionExists = Array.from(select.options).some(opt => opt.value === currentValue);
-                        if (optionExists) {
-                            select.value = currentValue;
-                            userSelectionRestored = true;
-                            // Don't dispatch event here - user already selected it, no need to notify again
-                        }
-                    }
-                    // Manual preselection only if user hasn't selected anything
-                    if (!userSelectionRestored) {
-                        // Check if preselected value exists (applyPreselectedValue will read it from select element)
-                        const hasPreselectedValue = (select.getAttribute('data-preselected') || select.dataset.preselected || select.dataset._widgetTempPreselect) !== undefined;
-                        if (hasPreselectedValue) {
-                            applyPreselectedValue(select, apiKey);
-                            dispatchUpdateEvent(select, {
-                                type: 'subdivision',
-                                reason: 'preselected',
-                            });
-                            valueSetByWidget = true;
-                            await triggerFollowLogic(select, apiKey, backendUrl, state, config.followRelated, config.followUpward, (s, key, code) => updateSubdivisionSelect(s, key, backendUrl, state, config, code), (countrySelect, key) => updateSubdivisions(countrySelect, key, backendUrl, state, config));
-                        }
-                        else {
-                            // Try GeoIP preselect (only if user hasn't selected anything)
-                            if (shouldUseGeoIP) {
-                                const preselectedSubdivision = subdivisions.find((subdivision) => subdivision.preselected);
-                                if (preselectedSubdivision) {
-                                    const isMultiple = select.hasAttribute('multiple');
-                                    if (isMultiple) {
-                                        // For multi-select, find and select the option
-                                        const option = Array.from(select.options).find((opt) => opt.value === preselectedSubdivision.code);
-                                        if (option) {
-                                            option.selected = true;
-                                        }
-                                    }
-                                    else {
-                                        // Single select: set value directly
-                                        select.value = preselectedSubdivision.code;
-                                    }
-                                    dispatchUpdateEvent(select, {
-                                        type: 'subdivision',
-                                        reason: 'geoip',
-                                    });
-                                    valueSetByWidget = true;
-                                    await triggerFollowLogic(select, apiKey, backendUrl, state, config.followRelated, config.followUpward, (s, key, code) => updateSubdivisionSelect(s, key, backendUrl, state, config, code), (countrySelect, key) => updateSubdivisions(countrySelect, key, backendUrl, state, config));
-                                }
-                            }
-                        }
-                    }
-                }
-                else {
-                    select.disabled = true;
-                }
-            }
-            catch (error) {
-                console.error('Failed to fetch subdivisions:', error);
-                handleApiError(select, error);
-            }
-            finally {
-                // Mark initialization as complete
-                state.isInitializing.delete(select);
-                dispatchReadyEvent(select, {
-                    type: 'subdivision',
-                    phase: isReload ? 'reload' : 'initial',
-                });
-                // Only fire 'reload' if this is a reload, not initial load
-                if (isReload && !valueSetByWidget) {
-                    dispatchUpdateEvent(select, {
-                        type: 'subdivision',
-                        reason: 'reload',
-                    });
-                }
-            }
-        }
-        else if (!select.dataset.country ||
-            !document.querySelector(`.country-selection[data-name="${select.dataset.country}"]`)) {
-            const defaultValue = select.dataset.defaultValue ?? '';
-            select.innerHTML += `<option value="${defaultValue}" disabled>Error: No country select present</option>`;
-        }
-    }
-    /**
-     * Get current subdivision config from window.CountriesDBConfig
-     * This ensures we always use the latest config values, even after widget reload
-     */
-    function getCurrentSubdivisionConfig(apiKey, backendUrl) {
-        const globalConfig = typeof window !== 'undefined' && window.CountriesDBConfig
-            ? window.CountriesDBConfig
-            : null;
-        return {
-            followRelated: globalConfig?.followRelated || false,
-            followUpward: globalConfig?.followUpward || false,
-            showSubdivisionType: globalConfig?.showSubdivisionType !== false,
-            allowParentSelection: globalConfig?.allowParentSelection || false,
-            preferOfficialSubdivisions: globalConfig?.preferOfficialSubdivisions || false,
-            subdivisionRomanizationPreference: globalConfig?.subdivisionRomanizationPreference,
-            preferLocalVariant: globalConfig?.preferLocalVariant || false,
-            forcedLanguage: globalConfig?.forcedLanguage,
-            defaultLanguage: globalConfig?.defaultLanguage,
-            subdivisionNameFilter: globalConfig?.subdivisionNameFilter,
-        };
-    }
-    /**
-     * Update subdivisions for all linked subdivision selects when country changes
-     */
-    async function updateSubdivisions(countrySelect, apiKey, backendUrl, state, config) {
-        // Don't update subdivisions for multi-select countries (not supported)
-        if (countrySelect.hasAttribute('multiple')) {
-            return;
-        }
-        const selectedCountry = countrySelect.value;
-        const linkedSubdivisionSelects = Array.from(document.querySelectorAll(`.subdivision-selection[data-country="${countrySelect.dataset.name}"]`));
-        for (const select of linkedSubdivisionSelects) {
-            await updateSubdivisionSelect(select, apiKey, backendUrl, state, config, selectedCountry);
-        }
-    }
-    /**
-     * Setup country selection elements
-     */
-    async function setupCountrySelection(apiKey, backendUrl, state, config, subdivisionConfig) {
-        const countrySelects = Array.from(document.querySelectorAll('.country-selection'));
-        const seenNames = {}; // track data-name to detect duplicates
-        for (const select of countrySelects) {
-            const name = select.dataset.name;
-            // Duplicates
-            if (name && seenNames[name]) {
-                select.removeAttribute('data-name');
-                initializeSelect(select, '&mdash;');
-                const defaultValue = select.dataset.defaultValue ?? '';
-                select.innerHTML += `<option value="${defaultValue}" disabled>Error: Duplicate field</option>`;
-                continue;
-            }
-            if (name) {
-                seenNames[name] = true;
-            }
-            // Note: Class renaming is now handled earlier in fixMisClassedElements()
-            // This check is kept as a safety net but should not be needed
-            // Initialize
-            initializeSelect(select, '&mdash;');
-            // Mark as initializing to prevent change events
-            state.isInitializing.add(select);
-            let valueSetByWidget = false; // Track if value was set by widget
-            let loadedInitialSubdivisions = false; // Track if subdivisions were loaded
-            try {
-                const preselectedValue = select.getAttribute('data-preselected') || select.dataset.preselected;
-                // Use GeoIP only if data-preselected attribute is not set at all
-                const shouldUseGeoIP = preselectedValue === undefined || preselectedValue === null;
-                const languageHeaders = CountriesDBClient.getLanguageHeaders(config.forcedLanguage, config.defaultLanguage);
-                // Fetch & populate countries
-                const countriesResult = await CountriesDBClient.fetchCountries({
-                    apiKey,
-                    backendUrl,
-                    shouldUseGeoIP,
-                    isoCountryNames: config.isoCountryNames,
-                    languageHeaders,
-                });
-                const countries = countriesResult.data;
-                const countriesLanguage = countriesResult.language || 'en';
-                state.countriesMap.set(select, countries);
-                populateCountrySelect(select, countries, countriesLanguage, config.countryNameFilter);
-                // Apply preselected (manual)
-                // Check if preselected value exists (applyPreselectedValue will read it from select element)
-                const hasPreselectedValue = (select.getAttribute('data-preselected') || select.dataset.preselected || select.dataset._widgetTempPreselect) !== undefined;
-                if (hasPreselectedValue) {
-                    applyPreselectedValue(select, apiKey);
-                    dispatchUpdateEvent(select, { type: 'country', reason: 'preselected' });
-                    valueSetByWidget = true;
-                    // Load subdivisions after applying preselected value
-                    if (select.value &&
-                        select.value !== (select.dataset.defaultValue || '')) {
-                        // This will be handled by the updateSubdivisions call below
-                        // We need to pass the config for subdivisions
-                    }
-                }
-                // GeoIP auto-select
-                if (shouldUseGeoIP) {
-                    const preselectedCountry = countries.find((country) => country.preselected);
-                    if (preselectedCountry) {
-                        select.value = preselectedCountry.iso_alpha_2;
-                        dispatchUpdateEvent(select, { type: 'country', reason: 'geoip' });
-                        valueSetByWidget = true;
-                    }
-                }
-                // If already chosen, load subdivisions
-                if (!loadedInitialSubdivisions &&
-                    select.value &&
-                    select.value !== (select.dataset.defaultValue || '')) {
-                    // Subdivisions will be loaded by event handler
-                    loadedInitialSubdivisions = true;
-                }
-                // 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;
-                    }
-                    // Dispatch update event for user-initiated country change
-                    dispatchUpdateEvent(select, { type: 'country', reason: 'regular' });
-                    // Get current config dynamically to ensure we use the latest values
-                    const currentSubdivisionConfig = getCurrentSubdivisionConfig(apiKey, backendUrl);
-                    const currentConfig = typeof window !== 'undefined' && window.CountriesDBConfig
-                        ? window.CountriesDBConfig
-                        : config;
-                    // Update subdivisions with current config
-                    await updateSubdivisions(select, apiKey, backendUrl, state, currentSubdivisionConfig);
-                    const chosen = select.value;
-                    if (!chosen) {
-                        return;
-                    }
-                    const stored = state.countriesMap.get(select) || [];
-                    const picked = stored.find((c) => c.iso_alpha_2 === chosen);
-                    if (!picked) {
-                        return;
-                    }
-                    // followUpward from country perspective
-                    // Only works when country is single-select (never for multi-select)
-                    const currentFollowUpward = currentConfig?.followUpward || false;
-                    if (currentFollowUpward && !select.multiple && picked.is_subdivision_of) {
-                        await handleFollowUpwardFromCountry(select, apiKey, backendUrl, state, currentFollowUpward, (s, key, code) => updateSubdivisionSelect(s, key, backendUrl, state, currentSubdivisionConfig, 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);
-                handleApiError(select, error);
-                // Handle subdivision errors
-                if (select.dataset.name) {
-                    const linkedSubdivisionSelects = Array.from(document.querySelectorAll(`.subdivision-selection[data-country="${select.dataset.name}"]`));
-                    for (const s of linkedSubdivisionSelects) {
-                        initializeSelect(s, '&mdash;');
-                        handleApiError(s, error);
-                    }
-                }
-            }
-            finally {
-                // Mark initialization as complete
-                state.isInitializing.delete(select);
-                dispatchReadyEvent(select, {
-                    type: 'country',
-                    phase: 'initial',
-                });
-                // If no preselected and no geoip selection happened, emit a regular update
-                if (!valueSetByWidget) {
-                    dispatchUpdateEvent(select, { type: 'country', reason: 'regular' });
-                }
-            }
-        }
-    }
-
-    /**
-     * @countriesdb/widget
-     *
-     * Plain JavaScript widget for CountriesDB.
-     * Provides DOM manipulation and auto-initialization for country/subdivision selects.
-     */
-    // Global namespace to prevent double initialization
-    const NS_KEY = '__CountriesWidgetNS__';
-    /**
-     * Main widget initialization function
-     */
-    async function CountriesWidgetLoad(options = {}) {
-        // Initialize namespace
-        if (!window[NS_KEY]) {
-            window[NS_KEY] = {
-                initialized: false,
-                initPromise: null,
-                version: 0,
-                eventHandlers: new WeakMap(),
-            };
-        }
-        const NS = window[NS_KEY];
-        // Ensure eventHandlers exists (for backwards compatibility)
-        if (!NS.eventHandlers) {
-            NS.eventHandlers = new WeakMap();
-        }
-        // Handle reload option - reset state to force re-initialization
-        const shouldReload = options.reload === true;
-        if (shouldReload) {
-            NS.initialized = false;
-            NS.initPromise = null;
-        }
-        // Share the same promise across concurrent calls
-        NS.initPromise = (async () => {
-            // Wait for DOM if needed
-            if (document.readyState === 'loading') {
-                await new Promise((resolve) => {
-                    document.addEventListener('DOMContentLoaded', () => resolve(), {
-                        once: true,
-                    });
-                });
-            }
-            // Get configuration from options or script URL
-            const config = getConfigFromOptionsOrScript(options);
-            // Fix mis-classed elements early (DOM cleanup that should always happen)
-            fixMisClassedElements();
-            // Check for conflicting parameters
-            if (config.followRelated && config.followUpward) {
-                showParamConflictError();
-                return false;
-            }
-            // Initialize widget state
-            // Use global eventHandlers from namespace so we can clean up old handlers on re-initialization
-            const state = {
-                countriesMap: new WeakMap(),
-                subdivisionsMap: new WeakMap(),
-                subdivisionsLanguageMap: new WeakMap(),
-                isInitializing: new Set(),
-                eventHandlers: NS.eventHandlers, // Use global WeakMap that persists across calls
-            };
-            // Use empty string if publicKey is missing (will show error when API calls fail)
-            const apiKey = config.publicKey || '';
-            // Setup subdivisions first (they depend on countries)
-            await setupSubdivisionSelection(apiKey, config.backendUrl, state, {
-                followRelated: config.followRelated || false,
-                followUpward: config.followUpward || false,
-                showSubdivisionType: config.showSubdivisionType !== false,
-                allowParentSelection: config.allowParentSelection || false,
-                preferOfficialSubdivisions: config.preferOfficialSubdivisions || false,
-                subdivisionRomanizationPreference: config.subdivisionRomanizationPreference,
-                preferLocalVariant: config.preferLocalVariant || false,
-                subdivisionNameFilter: config.subdivisionNameFilter,
-            });
-            const subdivisionConfig = {
-                followRelated: config.followRelated || false,
-                followUpward: config.followUpward || false,
-                showSubdivisionType: config.showSubdivisionType !== false,
-                allowParentSelection: config.allowParentSelection || false,
-                preferOfficialSubdivisions: config.preferOfficialSubdivisions || false,
-                subdivisionRomanizationPreference: config.subdivisionRomanizationPreference,
-                preferLocalVariant: config.preferLocalVariant || false,
-                forcedLanguage: config.forcedLanguage,
-                defaultLanguage: config.defaultLanguage,
-                subdivisionNameFilter: config.subdivisionNameFilter,
-            };
-            // Setup countries
-            await setupCountrySelection(apiKey, config.backendUrl, state, {
-                defaultLanguage: config.defaultLanguage,
-                forcedLanguage: config.forcedLanguage,
-                isoCountryNames: config.isoCountryNames || false,
-                followRelated: config.followRelated || false,
-                followUpward: config.followUpward || false,
-                countryNameFilter: config.countryNameFilter,
-            });
-            // After countries are set up, update subdivisions for any preselected countries
-            const countrySelects = Array.from(document.querySelectorAll('.country-selection'));
-            for (const select of countrySelects) {
-                if (select.value &&
-                    select.value !== (select.dataset.defaultValue || '')) {
-                    await updateSubdivisions(select, apiKey, config.backendUrl, state, subdivisionConfig);
-                }
-            }
-            NS.initialized = true;
-            return true;
-        })();
-        return NS.initPromise;
-    }
-    /**
-     * Get configuration from options or script URL parameters
-     */
-    function getConfigFromOptionsOrScript(options) {
-        // Check for global config first (for bundled widgets that need config before auto-init)
-        const globalConfig = typeof window !== 'undefined' && window.CountriesDBConfig
-            ? window.CountriesDBConfig
-            : null;
-        // Try to get config from script URL (for backward compatibility with widget.blade.php)
-        let scriptUrl = null;
-        try {
-            let loaderScript = null;
-            // First try document.currentScript (works during script execution)
-            // But only if it matches the widget pattern (not a bundled file)
-            if (document.currentScript && document.currentScript instanceof HTMLScriptElement) {
-                const src = document.currentScript.src;
-                if (src && (src.includes('@countriesdb/widget') || src.includes('widget/dist/index.js'))) {
-                    loaderScript = document.currentScript;
-                }
-            }
-            // If currentScript didn't match, search for widget script
-            if (!loaderScript) {
-                const scripts = Array.from(document.getElementsByTagName('script'));
-                loaderScript = scripts.find((s) => s.src && (s.src.includes('@countriesdb/widget') ||
-                    s.src.includes('widget/dist/index.js'))) || null;
-            }
-            if (loaderScript && loaderScript.src) {
-                scriptUrl = new URL(loaderScript.src);
-            }
-        }
-        catch {
-            // Ignore errors
-        }
-        const config = {
-            // Priority: options > globalConfig > scriptUrl params > defaults
-            publicKey: options.publicKey ?? globalConfig?.publicKey ?? scriptUrl?.searchParams.get('public_key') ?? '',
-            backendUrl: options.backendUrl ?? globalConfig?.backendUrl ?? scriptUrl?.searchParams.get('backend_url') ?? getBackendUrlFromScript(),
-            defaultLanguage: options.defaultLanguage ?? globalConfig?.defaultLanguage ?? scriptUrl?.searchParams.get('default_language') ?? undefined,
-            forcedLanguage: options.forcedLanguage ?? globalConfig?.forcedLanguage ?? scriptUrl?.searchParams.get('forced_language') ?? undefined,
-            showSubdivisionType: options.showSubdivisionType !== undefined
-                ? options.showSubdivisionType
-                : globalConfig?.showSubdivisionType !== undefined
-                    ? globalConfig.showSubdivisionType
-                    : parseBoolean(scriptUrl?.searchParams.get('show_subdivision_type') ?? '1'),
-            followRelated: options.followRelated !== undefined
-                ? options.followRelated
-                : globalConfig?.followRelated !== undefined
-                    ? globalConfig.followRelated
-                    : parseBoolean(scriptUrl?.searchParams.get('follow_related') ?? 'false'),
-            followUpward: options.followUpward !== undefined
-                ? options.followUpward
-                : globalConfig?.followUpward !== undefined
-                    ? globalConfig.followUpward
-                    : parseBoolean(scriptUrl?.searchParams.get('follow_upward') ?? 'false'),
-            allowParentSelection: options.allowParentSelection !== undefined
-                ? options.allowParentSelection
-                : globalConfig?.allowParentSelection !== undefined
-                    ? globalConfig.allowParentSelection
-                    : parseBoolean(scriptUrl?.searchParams.get('allow_parent_selection') ?? 'false'),
-            isoCountryNames: options.isoCountryNames !== undefined
-                ? options.isoCountryNames
-                : globalConfig?.isoCountryNames !== undefined
-                    ? globalConfig.isoCountryNames
-                    : parseBoolean(scriptUrl?.searchParams.get('iso_country_names') ?? 'false'),
-            subdivisionRomanizationPreference: options.subdivisionRomanizationPreference ||
-                globalConfig?.subdivisionRomanizationPreference ||
-                scriptUrl?.searchParams.get('subdivision_romanization_preference') ||
-                undefined,
-            preferLocalVariant: options.preferLocalVariant !== undefined
-                ? options.preferLocalVariant
-                : globalConfig?.preferLocalVariant !== undefined
-                    ? globalConfig.preferLocalVariant
-                    : parseBoolean(scriptUrl?.searchParams.get('prefer_local_variant') ?? 'false'),
-            preferOfficialSubdivisions: options.preferOfficialSubdivisions !== undefined
-                ? options.preferOfficialSubdivisions
-                : globalConfig?.preferOfficialSubdivisions !== undefined
-                    ? globalConfig.preferOfficialSubdivisions
-                    : parseBoolean(scriptUrl?.searchParams.get('prefer_official') ?? 'false'),
-            countryNameFilter: options.countryNameFilter ?? globalConfig?.countryNameFilter,
-            subdivisionNameFilter: options.subdivisionNameFilter ?? globalConfig?.subdivisionNameFilter,
-            autoInit: options.autoInit !== undefined
-                ? options.autoInit
-                : globalConfig?.autoInit !== undefined
-                    ? globalConfig.autoInit
-                    : parseBoolean(scriptUrl?.searchParams.get('auto_init') ?? 'true'),
-        };
-        // Resolve filter functions from global scope if specified by name
-        if (scriptUrl) {
-            const countryNameFilterName = scriptUrl.searchParams.get('countryNameFilter');
-            if (countryNameFilterName && typeof window !== 'undefined') {
-                const filter = window[countryNameFilterName];
-                if (typeof filter === 'function') {
-                    config.countryNameFilter = filter;
-                }
-            }
-            const subdivisionNameFilterName = scriptUrl.searchParams.get('subdivisionNameFilter');
-            if (subdivisionNameFilterName && typeof window !== 'undefined') {
-                const filter = window[subdivisionNameFilterName];
-                if (typeof filter === 'function') {
-                    config.subdivisionNameFilter = filter;
-                }
-            }
-        }
-        return config;
-    }
-    /**
-     * Get backend URL from script tag or use default
-     */
-    function getBackendUrlFromScript() {
-        try {
-            let loaderScript = null;
-            // First try document.currentScript (works during script execution)
-            // But only if it matches the widget pattern (not a bundled file)
-            if (document.currentScript && document.currentScript instanceof HTMLScriptElement) {
-                const src = document.currentScript.src;
-                if (src && (src.includes('@countriesdb/widget') || src.includes('widget/dist/index.js'))) {
-                    loaderScript = document.currentScript;
-                }
-            }
-            // If currentScript didn't match, search for widget script
-            if (!loaderScript) {
-                // Only consider script tags that loaded the widget bundle
-                const scripts = Array.from(document.getElementsByTagName('script'));
-                loaderScript = scripts.find((s) => s.src && (s.src.includes('@countriesdb/widget') ||
-                    s.src.includes('widget/dist/index.js'))) || null;
-            }
-            if (loaderScript && loaderScript.src) {
-                const scriptUrl = new URL(loaderScript.src);
-                const hostname = scriptUrl.hostname;
-                // List of known CDN hostnames - if script is from a CDN, use default API
-                const cdnHostnames = [
-                    'unpkg.com',
-                    'cdn.jsdelivr.net',
-                    'cdnjs.cloudflare.com',
-                    'jsdelivr.com',
-                    'cdn.jsdelivr.com',
-                ];
-                // If script is from a CDN, don't use its origin as backend URL
-                if (cdnHostnames.some(cdn => hostname.includes(cdn))) {
-                    return 'https://api.countriesdb.com';
-                }
-                // Only use script origin if it's from the same domain (self-hosted widget)
-                // This allows self-hosting the widget on the same domain as the API
-                const scheme = scriptUrl.protocol;
-                const host = scriptUrl.hostname;
-                const port = scriptUrl.port ? `:${scriptUrl.port}` : '';
-                return `${scheme}//${host}${port}`;
-            }
-        }
-        catch {
-            // Ignore errors
-        }
-        // Default to API domain (never use embedding site's domain)
-        return 'https://api.countriesdb.com';
-    }
-    /**
-     * Fix mis-classed elements (e.g., country-selection with subdivision-selection class)
-     * This should happen early, before API calls, as it's just DOM cleanup
-     */
-    function fixMisClassedElements() {
-        const countrySelects = Array.from(document.querySelectorAll('.country-selection'));
-        for (const select of countrySelects) {
-            // Avoid conflict if mis-classed
-            if (select.classList.contains('subdivision-selection')) {
-                select.classList.remove('subdivision-selection');
-                select.classList.add('subdivision-selection-removed');
-            }
-        }
-    }
-    /**
-     * Parse boolean from string value
-     */
-    function parseBoolean(value) {
-        if (value === null || value === undefined) {
-            return false;
-        }
-        const lowered = String(value).trim().toLowerCase();
-        return !(lowered === '0' || lowered === 'false');
-    }
-    /**
-     * Show error when both follow_related and follow_upward are enabled
-     */
-    function showParamConflictError() {
-        const errorMessage = 'Error: Cannot enable both follow_related and follow_upward';
-        const countrySelects = Array.from(document.querySelectorAll('.country-selection'));
-        for (const select of countrySelects) {
-            select.innerHTML = `<option value="${select.dataset.defaultValue ?? ''}" disabled>${errorMessage}</option>`;
-        }
-        const subdivisionSelects = Array.from(document.querySelectorAll('.subdivision-selection'));
-        for (const select of subdivisionSelects) {
-            select.innerHTML = `<option value="${select.dataset.defaultValue ?? ''}" disabled>${errorMessage}</option>`;
-        }
-    }
-    // Expose public loader
-    if (typeof window !== 'undefined') {
-        window.CountriesWidgetLoad = CountriesWidgetLoad;
-        // Auto-init if script URL has auto_init=true (or not set, default is true)
-        // Use a function that waits for DOM to be ready and finds the script tag reliably
-        (function checkAutoInit() {
-            // Wait for DOM to be ready
-            if (document.readyState === 'loading') {
-                document.addEventListener('DOMContentLoaded', checkAutoInit, { once: true });
-                return;
-            }
-            // Find the script tag that loaded this widget
-            let loaderScript = null;
-            // First try document.currentScript (works during script execution)
-            // But only if it matches the widget pattern (not a bundled file)
-            if (document.currentScript && document.currentScript instanceof HTMLScriptElement) {
-                const src = document.currentScript.src;
-                if (src && (src.includes('@countriesdb/widget') || src.includes('widget/dist/index.js'))) {
-                    loaderScript = document.currentScript;
-                }
-            }
-            // If currentScript didn't match, search for widget script
-            if (!loaderScript) {
-                const scripts = Array.from(document.getElementsByTagName('script'));
-                loaderScript = scripts.find((s) => s.src && (s.src.includes('@countriesdb/widget') ||
-                    s.src.includes('widget/dist/index.js'))) || null;
-            }
-            // Default to auto-init = true (only disable if explicitly set to false)
-            let shouldAutoInit = true;
-            const globalConfig = typeof window !== 'undefined'
-                ? window.CountriesDBConfig || null
-                : null;
-            if (globalConfig && typeof globalConfig.autoInit !== 'undefined') {
-                shouldAutoInit = !!globalConfig.autoInit;
-            }
-            else if (loaderScript && loaderScript.src) {
-                try {
-                    const scriptUrl = new URL(loaderScript.src);
-                    const autoInit = scriptUrl.searchParams.get('auto_init');
-                    // Only disable if explicitly set to false/0
-                    shouldAutoInit = autoInit === null || autoInit === 'true' || autoInit === '1';
-                }
-                catch {
-                    // If URL parsing fails, default to true (auto-init enabled)
-                    shouldAutoInit = true;
-                }
-            }
-            // Auto-init by default (unless explicitly disabled)
-            if (shouldAutoInit) {
-                // Use setTimeout to ensure script tag is fully processed
-                setTimeout(() => {
-                    CountriesWidgetLoad().catch(console.error);
-                }, 0);
-            }
-        })();
-    }
-
-    return CountriesWidgetLoad;
-
-}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).CountriesWidget=t()}(this,function(){"use strict";class e{static async fetchCountries(e){const{apiKey:t,backendUrl:n,shouldUseGeoIP:i=!0,isoCountryNames:a=!1,languageHeaders:o={}}=e,s=`${n}/api/countries`,r=[];i||r.push("no_geoip=1"),a&&r.push("country_name_source=iso");const l=r.length?`${s}?${r.join("&")}`:s;return this.fetchFromApi(l,t,o)}static async fetchSubdivisions(e){const{apiKey:t,backendUrl:n,countryCode:i,shouldUseGeoIP:a=!0,preferOfficial:o=!1,subdivisionRomanizationPreference:s,preferLocalVariant:r=!1,languageHeaders:l={}}=e;if(!i)return{data:[],language:null};const d=`${n}/api/countries/${i}/subdivisions`,u=[];a||u.push("no_geoip=1"),s&&u.push(`subdivision_romanization_preference=${encodeURIComponent(s)}`),r&&u.push("prefer_local_variant=1"),o&&u.push("prefer_official=1");const c=u.length?`${d}?${u.join("&")}`:d;return this.fetchFromApi(c,t,l)}static async fetchFromApi(e,t,n){try{const i=await fetch(e,{headers:{...n,"X-API-KEY":t,"Content-Type":"application/json"}});if(!i.ok){let e=`HTTP Error: ${i.status}`;try{const t=await i.json();t.error&&(e=t.error)}catch{}throw new Error(e)}const a=await i.json();return{data:a,language:i.headers.get("X-Selected-Language")||null}}catch(t){throw console.error(`Failed to fetch data from ${e}:`,t),t}}static getLanguageHeaders(e,t){const n={};return e&&(n["X-Forced-Language"]=e),t&&(n["X-Default-Language"]=t),"undefined"!=typeof navigator&&navigator.language?n["Accept-Language"]=navigator.language:n["Accept-Language"]="en",n}}function t(e,n,i,a,o,s,r){let l="";const d=e.map(e=>{let t=e[a]||e.name;const n=e.code?e.code.split("-")[0]:null;if(r&&"function"==typeof r){const i=r(e.code,t,o,n,e);if(!1===i)return null;null!=i&&(t=i)}return{...e,_displayName:t}}).filter(e=>null!==e),u=r&&"function"==typeof r&&o?o:void 0;d.sort((e,t)=>u?e._displayName.localeCompare(t._displayName,u,{sensitivity:"accent",ignorePunctuation:!1}):e._displayName.localeCompare(t._displayName));const c=n>0?i[n]??"&nbsp;".repeat(2*n):"",f=`subdivision-level-${n}`;for(const e of d){const d=e.children&&e.children.length>0,u=`${c}${e._displayName}`;d?(l+=s?`<option value="${e.code}" class="${f}">${u}</option>`:`<option disabled value="${e.code}" class="${f}">${u}</option>`,l+=t(e.children,n+1,i,a,o,s,r)):l+=`<option value="${e.code}" class="${f}">${u}</option>`}return l}function n(e,t="Not Applicable",n=!1){if(e.hasAttribute("multiple"))e.innerHTML="",void 0!==e.dataset.label&&delete e.dataset.label,void 0!==e.dataset.defaultValue&&delete e.dataset.defaultValue;else{const n=e.dataset.label,i=e.dataset.defaultValue,a=n||t,o=i??"";e.innerHTML=`<option value="${o}">${a}</option>`,void 0!==n&&(e.dataset.label=n),void 0!==i&&(e.dataset.defaultValue=i)}n&&(e.disabled=!0)}function i(e,t,n,i){let a=function(e,t,n){return t&&"function"==typeof t?e.map(e=>{const i=t(e.iso_alpha_2,e.name,n,e);if(!1===i)return null;const a=null!=i?i:e.name;return{...e,_displayName:a}}).filter(e=>null!==e):e.map(e=>({...e,_displayName:e.name}))}(t,i,n);i&&(a=function(e,t){const n=t;return[...e].sort((e,t)=>e._displayName.localeCompare(t._displayName,n,{sensitivity:"accent",ignorePunctuation:!1}))}(a,n));if(e.hasAttribute("multiple")||e.multiple)e.innerHTML="";else{const t=e.querySelector('option[value=""]')||(e.dataset.defaultValue?e.querySelector(`option[value="${e.dataset.defaultValue}"]`):null),n=e.dataset.defaultValue??"";e.innerHTML=t?t.outerHTML:`<option value="${n}">${e.dataset.label||"&mdash;"}</option>`}a.forEach(t=>{const n=document.createElement("option");n.value=t.iso_alpha_2,n.textContent=t._displayName,e.appendChild(n)})}function a(e,n,i,a,o,s){const r=function(e){const t={},n=[];return e.forEach(e=>{t[e.id]={...e,children:[]}}),e.forEach(e=>{const i=t[e.id];e.parent_id&&t[e.parent_id]?t[e.parent_id].children.push(i):n.push(i)}),n}(e),l={};for(let e=1;e<=10;e++){const t=`nested${e}Prefix`,i=n.dataset[t];if(void 0===i)break;l[`nested${e}Prefix`]=i}const d=function(e){const t={};for(let n=1;n<=10;n++){const i=e[`nested${n}Prefix`];if(void 0===i)break;t[n]=i}return t}(l),u=a?"full_name":"name";let c="";if(!n.hasAttribute("multiple")){const e=n.dataset.label||"&mdash;";c=`<option value="${n.dataset.defaultValue??""}">${e}</option>`}return c+=t(r,0,d,u,i,o,s),c}function o(e,t){const n=e.dataset._widgetTempPreselect,i=e.getAttribute("data-preselected")||e.dataset.preselected,a=null!=n&&""!==String(n).trim()?n:i;if(!a||"string"==typeof a&&""===a.trim())return;const o=String(a);if(e.hasAttribute("multiple")){const t=o.split(",").map(e=>e.trim()).filter(e=>""!==e);Array.from(e.options).forEach(e=>{e.selected=t.includes(e.value)})}else e.value=o;void 0!==e.dataset._widgetTempPreselect&&delete e.dataset._widgetTempPreselect}function s(e,t,n=!1){const i=t instanceof Error?t.message:t,a=e.dataset.defaultValue??"",o=i.startsWith("Error: ")?i:`Error: ${i}`;n?e.innerHTML=`<option value="${a}" disabled>${o}</option>`:e.innerHTML+=`<option value="${a}" disabled>${o}</option>`}function r(e,t={}){let n=[];n=e.multiple?Array.from(e.selectedOptions||[]).map(e=>e.value).filter(e=>""!==e):e.value?[e.value]:[];const i=new CustomEvent("countriesWidget:update",{bubbles:!0,detail:{value:e.value||"",selectedValues:n,name:e.dataset.name||null,country:e.dataset.country||null,isSubdivision:e.classList.contains("subdivision-selection"),...t}});e.dispatchEvent(i)}function l(e,t={}){const n=e.multiple?Array.from(e.selectedOptions||[]).map(e=>e.value).filter(e=>""!==e):e.value?[e.value]:[],i=new CustomEvent("countriesWidget:ready",{bubbles:!0,detail:{value:e.value||"",selectedValues:n,name:e.dataset.name||null,country:e.dataset.country||null,isSubdivision:e.classList.contains("subdivision-selection"),type:e.classList.contains("subdivision-selection")?"subdivision":"country",phase:"initial",...t}});e.dispatchEvent(i)}function d(e){return!0===e.isWidgetInitiated}async function u(e,t,n,i,a,o,s,l){if(!a&&!o)return;const d=document.querySelector(`.country-selection[data-name="${e.dataset.country}"]`);if(!d||d.multiple)return;const u=i.subdivisionsMap.get(e);if(!u)return;if(o&&e.multiple)return;const c=e.value;if(!c)return;const f=u.find(e=>e.code===c);if(f){if(a&&f.related_country_code){const e=f.related_country_code,n=f.related_subdivision_code,i=document.querySelector(`.subdivision-selection[data-country="${d.dataset.name}"]`);i&&n&&(i.dataset._widgetTempPreselect=n),d.value!==e?(d.value=e,r(d,{type:"country",reason:"regular"}),l?await l(d,t):i&&await s(i,t,e)):i&&n&&await s(i,t,e)}if(o&&f.is_subdivision_of){const e=f.is_subdivision_of.parent_country_code,n=f.is_subdivision_of.subdivision_code;if(n){const e=document.querySelector(`.subdivision-selection[data-country="${d.dataset.name}"]`);e&&!e.multiple&&(e.dataset._widgetTempPreselect=n)}if(d.value!==e)if(d.value=e,r(d,{type:"country",reason:"regular"}),l)await l(d,t);else{const n=document.querySelector(`.subdivision-selection[data-country="${d.dataset.name}"]`);n&&await s(n,t,e)}else if(n){const n=document.querySelector(`.subdivision-selection[data-country="${d.dataset.name}"]`);n&&!n.multiple&&await s(n,t,e)}}}}async function c(e,t,n,i,a,o){if(!a)return;const s=document.querySelector(`.country-selection[data-name="${e.dataset.country}"]`);if(!s||s.multiple)return;const l=i.subdivisionsMap.get(e);if(!l)return;const d=e.multiple?e.selectedOptions[0]?.value||null:e.value;if(!d)return;const u=l.find(e=>e.code===d);if(!u||!u.related_country_code)return;const c=u.related_country_code,f=u.related_subdivision_code,p=document.querySelector(`.subdivision-selection[data-country="${s.dataset.name}"]`);p&&f&&(p.dataset.preselected=f),s.value!==c?(s.value=c,r(s,{type:"country",reason:"regular"}),p&&await o(p,t,c)):p&&f&&await o(p,t,c)}async function f(e,t,n,i,a,o){if(!a)return;if(e.multiple)return;const s=document.querySelector(`.country-selection[data-name="${e.dataset.country}"]`);if(!s||s.multiple)return;const l=i.subdivisionsMap.get(e);if(!l)return;const d=e.value;if(!d)return;const u=l.find(e=>e.code===d);if(!u||!u.is_subdivision_of)return;const c=u.is_subdivision_of.parent_country_code,f=u.is_subdivision_of.subdivision_code;if(f){const e=document.querySelector(`.subdivision-selection[data-country="${s.dataset.name}"]`);e&&(e.dataset.preselected=f)}if(s.value!==c){s.value=c,r(s,{type:"country",reason:"follow"});const e=document.querySelector(`.subdivision-selection[data-country="${s.dataset.name}"]`);e&&await o(e,t,c)}else if(f){const e=document.querySelector(`.subdivision-selection[data-country="${s.dataset.name}"]`);e&&await o(e,t,c)}}async function p(e,t,n,i,a,o){if(!a||e.multiple)return;const s=i.countriesMap.get(e);if(!s)return;const l=e.value;if(!l)return;const d=s.find(e=>e.iso_alpha_2===l);if(!d||!d.is_subdivision_of)return;const u=d.is_subdivision_of.parent_country_code,c=d.is_subdivision_of.subdivision_code;if(e.value!==u){if(c){const t=Array.from(document.querySelectorAll(`.subdivision-selection[data-country="${e.dataset.name}"]`));for(const e of t)e.multiple||(e.dataset.preselected=c)}e.value=u,r(e,{type:"country",reason:"regular"});const n=Array.from(document.querySelectorAll(`.subdivision-selection[data-country="${e.dataset.name}"]`));for(const e of n)await o(e,t,u)}else if(c){const n=Array.from(document.querySelectorAll(`.subdivision-selection[data-country="${e.dataset.name}"]`));for(const e of n)e.multiple||await o(e,t,u)}}async function m(t,i,d,c,f,p){const v=t.getAttribute("data-preselected")||t.dataset.preselected,g=c.subdivisionsMap.has(t);n(t,"&mdash;",!0),c.isInitializing.add(t);let w=p;if(w||(w=t.dataset.countryCode||""),w){let n=!1;try{const s=null==v,l=!!t.hasAttribute("data-prefer-official")||f.preferOfficialSubdivisions,p=e.getLanguageHeaders(f.forcedLanguage,f.defaultLanguage),g=await e.fetchSubdivisions({apiKey:i,backendUrl:d,countryCode:w,shouldUseGeoIP:s,preferOfficial:l,subdivisionRomanizationPreference:f.subdivisionRomanizationPreference,preferLocalVariant:f.preferLocalVariant,languageHeaders:p}),b=g.data,h=g.language||"en";if(c.subdivisionsMap.set(t,b),c.subdivisionsLanguageMap.set(t,h),b.length>0){t.disabled=!1;const e=t.hasAttribute("multiple"),l=e?void 0:t.dataset.label,p=e?void 0:t.dataset.defaultValue,v=t.value,g=t.dataset.defaultValue||"",w=v&&v!==g&&""!==v.trim();t.innerHTML=a(b,t,h,f.showSubdivisionType,f.allowParentSelection,f.subdivisionNameFilter),e||(void 0!==l&&(t.dataset.label=l),void 0!==p&&(t.dataset.defaultValue=p));let _=!1;if(w&&!e){Array.from(t.options).some(e=>e.value===v)&&(t.value=v,_=!0)}if(!_){if(void 0!==(t.getAttribute("data-preselected")||t.dataset.preselected||t.dataset._widgetTempPreselect))o(t),r(t,{type:"subdivision",reason:"preselected"}),n=!0,await u(t,i,0,c,f.followRelated,f.followUpward,(e,t,n)=>m(e,t,d,c,f,n),(e,t)=>y(e,t,d,c,f));else if(s){const e=b.find(e=>e.preselected);if(e){if(t.hasAttribute("multiple")){const n=Array.from(t.options).find(t=>t.value===e.code);n&&(n.selected=!0)}else t.value=e.code;r(t,{type:"subdivision",reason:"geoip"}),n=!0,await u(t,i,0,c,f.followRelated,f.followUpward,(e,t,n)=>m(e,t,d,c,f,n),(e,t)=>y(e,t,d,c,f))}}}}else t.disabled=!0}catch(e){console.error("Failed to fetch subdivisions:",e),s(t,e)}finally{c.isInitializing.delete(t),l(t,{type:"subdivision",phase:g?"reload":"initial"}),g&&!n&&r(t,{type:"subdivision",reason:"reload"})}}else if(!t.dataset.country||!document.querySelector(`.country-selection[data-name="${t.dataset.country}"]`)){const e=t.dataset.defaultValue??"";t.innerHTML+=`<option value="${e}" disabled>Error: No country select present</option>`}}function v(e,t){const n="undefined"!=typeof window&&window.CountriesDBConfig?window.CountriesDBConfig:null;return{followRelated:n?.followRelated||!1,followUpward:n?.followUpward||!1,showSubdivisionType:!1!==n?.showSubdivisionType,allowParentSelection:n?.allowParentSelection||!1,preferOfficialSubdivisions:n?.preferOfficialSubdivisions||!1,subdivisionRomanizationPreference:n?.subdivisionRomanizationPreference,preferLocalVariant:n?.preferLocalVariant||!1,forcedLanguage:n?.forcedLanguage,defaultLanguage:n?.defaultLanguage,subdivisionNameFilter:n?.subdivisionNameFilter}}async function y(e,t,n,i,a){if(e.hasAttribute("multiple"))return;const o=e.value,s=Array.from(document.querySelectorAll(`.subdivision-selection[data-country="${e.dataset.name}"]`));for(const e of s)await m(e,t,n,i,a,o)}const g="__CountriesWidgetNS__";async function w(t={}){window[g]||(window[g]={initialized:!1,initPromise:null,version:0,eventHandlers:new WeakMap});const a=window[g];a.eventHandlers||(a.eventHandlers=new WeakMap);return!0===t.reload&&(a.initialized=!1,a.initPromise=null),a.initPromise=(async()=>{"loading"===document.readyState&&await new Promise(e=>{document.addEventListener("DOMContentLoaded",()=>e(),{once:!0})});const u=function(e){const t="undefined"!=typeof window&&window.CountriesDBConfig?window.CountriesDBConfig:null;let n=null;try{let e=null;if(document.currentScript&&document.currentScript instanceof HTMLScriptElement){const t=document.currentScript.src;t&&(t.includes("@countriesdb/widget")||t.includes("widget/dist/index.js"))&&(e=document.currentScript)}if(!e){e=Array.from(document.getElementsByTagName("script")).find(e=>e.src&&(e.src.includes("@countriesdb/widget")||e.src.includes("widget/dist/index.js")))||null}e&&e.src&&(n=new URL(e.src))}catch{}const i={publicKey:e.publicKey??t?.publicKey??n?.searchParams.get("public_key")??"",backendUrl:e.backendUrl??t?.backendUrl??n?.searchParams.get("backend_url")??"https://api.countriesdb.com",defaultLanguage:e.defaultLanguage??t?.defaultLanguage??n?.searchParams.get("default_language")??void 0,forcedLanguage:e.forcedLanguage??t?.forcedLanguage??n?.searchParams.get("forced_language")??void 0,showSubdivisionType:void 0!==e.showSubdivisionType?e.showSubdivisionType:void 0!==t?.showSubdivisionType?t.showSubdivisionType:b(n?.searchParams.get("show_subdivision_type")??"1"),followRelated:void 0!==e.followRelated?e.followRelated:void 0!==t?.followRelated?t.followRelated:b(n?.searchParams.get("follow_related")??"false"),followUpward:void 0!==e.followUpward?e.followUpward:void 0!==t?.followUpward?t.followUpward:b(n?.searchParams.get("follow_upward")??"false"),allowParentSelection:void 0!==e.allowParentSelection?e.allowParentSelection:void 0!==t?.allowParentSelection?t.allowParentSelection:b(n?.searchParams.get("allow_parent_selection")??"false"),isoCountryNames:void 0!==e.isoCountryNames?e.isoCountryNames:void 0!==t?.isoCountryNames?t.isoCountryNames:b(n?.searchParams.get("iso_country_names")??"false"),subdivisionRomanizationPreference:e.subdivisionRomanizationPreference||t?.subdivisionRomanizationPreference||n?.searchParams.get("subdivision_romanization_preference")||void 0,preferLocalVariant:void 0!==e.preferLocalVariant?e.preferLocalVariant:void 0!==t?.preferLocalVariant?t.preferLocalVariant:b(n?.searchParams.get("prefer_local_variant")??"false"),preferOfficialSubdivisions:void 0!==e.preferOfficialSubdivisions?e.preferOfficialSubdivisions:void 0!==t?.preferOfficialSubdivisions?t.preferOfficialSubdivisions:b(n?.searchParams.get("prefer_official")??"false"),countryNameFilter:e.countryNameFilter??t?.countryNameFilter,subdivisionNameFilter:e.subdivisionNameFilter??t?.subdivisionNameFilter,autoInit:void 0!==e.autoInit?e.autoInit:void 0!==t?.autoInit?t.autoInit:b(n?.searchParams.get("auto_init")??"true")};if(n){const e=n.searchParams.get("countryNameFilter");if(e&&"undefined"!=typeof window){const t=window[e];"function"==typeof t&&(i.countryNameFilter=t)}const t=n.searchParams.get("subdivisionNameFilter");if(t&&"undefined"!=typeof window){const e=window[t];"function"==typeof e&&(i.subdivisionNameFilter=e)}}return i}(t);if(function(){const e=Array.from(document.querySelectorAll(".country-selection"));for(const t of e)t.classList.contains("subdivision-selection")&&(t.classList.remove("subdivision-selection"),t.classList.add("subdivision-selection-removed"))}(),u.followRelated&&u.followUpward)return function(){const e="Error: Cannot enable both follow_related and follow_upward",t=Array.from(document.querySelectorAll(".country-selection"));for(const n of t)n.innerHTML=`<option value="${n.dataset.defaultValue??""}" disabled>${e}</option>`;const n=Array.from(document.querySelectorAll(".subdivision-selection"));for(const t of n)t.innerHTML=`<option value="${t.dataset.defaultValue??""}" disabled>${e}</option>`}(),!1;const g={countriesMap:new WeakMap,subdivisionsMap:new WeakMap,subdivisionsLanguageMap:new WeakMap,isInitializing:new Set,eventHandlers:a.eventHandlers},w=u.publicKey||"";await async function(e,t,i,a){const o=Array.from(document.querySelectorAll(".subdivision-selection"));for(const s of o){n(s,"&mdash;",!0);const o=s.dataset.country,l=o?document.querySelector(`.country-selection[data-name="${o}"]`):null;if(l&&l.hasAttribute("multiple")){const e=s.dataset.defaultValue??"";s.innerHTML=`<option value="${e}" disabled>Error: Cannot link to multi-select country. Use data-country-code instead.</option>`;continue}if(!o||!l)if(s.hasAttribute("data-country-code")&&s.dataset.countryCode)await m(s,e,t,i,a,s.dataset.countryCode);else{const e=s.dataset.defaultValue??"";s.innerHTML+=`<option value="${e}" disabled>Error: No country select present</option>`}const u=i.eventHandlers.get(s);u&&(u.update&&s.removeEventListener("change",u.update),u.followRelated&&s.removeEventListener("change",u.followRelated),u.followUpward&&s.removeEventListener("change",u.followUpward));const p={update:e=>{d(e)||r(s,{type:"subdivision",reason:"regular"})}};s.addEventListener("change",p.update),p.followRelated=async n=>{d(n)||await c(s,e,0,i,a.followRelated,(e,n,o)=>m(e,n,t,i,a,o))},s.addEventListener("change",p.followRelated),p.followUpward=async n=>{d(n)||await f(s,e,0,i,a.followUpward,(e,n,o)=>m(e,n,t,i,a,o))},s.addEventListener("change",p.followUpward),i.eventHandlers.set(s,p)}}(w,u.backendUrl,g,{followRelated:u.followRelated||!1,followUpward:u.followUpward||!1,showSubdivisionType:!1!==u.showSubdivisionType,allowParentSelection:u.allowParentSelection||!1,preferOfficialSubdivisions:u.preferOfficialSubdivisions||!1,subdivisionRomanizationPreference:u.subdivisionRomanizationPreference,preferLocalVariant:u.preferLocalVariant||!1,subdivisionNameFilter:u.subdivisionNameFilter});const h={followRelated:u.followRelated||!1,followUpward:u.followUpward||!1,showSubdivisionType:!1!==u.showSubdivisionType,allowParentSelection:u.allowParentSelection||!1,preferOfficialSubdivisions:u.preferOfficialSubdivisions||!1,subdivisionRomanizationPreference:u.subdivisionRomanizationPreference,preferLocalVariant:u.preferLocalVariant||!1,forcedLanguage:u.forcedLanguage,defaultLanguage:u.defaultLanguage,subdivisionNameFilter:u.subdivisionNameFilter};await async function(t,a,u,c){const f=Array.from(document.querySelectorAll(".country-selection")),g={};for(const w of f){const f=w.dataset.name;if(f&&g[f]){w.removeAttribute("data-name"),n(w,"&mdash;");const e=w.dataset.defaultValue??"";w.innerHTML+=`<option value="${e}" disabled>Error: Duplicate field</option>`;continue}f&&(g[f]=!0),n(w,"&mdash;"),u.isInitializing.add(w);let b=!1,h=!1;try{const n=null==(w.getAttribute("data-preselected")||w.dataset.preselected),s=e.getLanguageHeaders(c.forcedLanguage,c.defaultLanguage),l=await e.fetchCountries({apiKey:t,backendUrl:a,shouldUseGeoIP:n,isoCountryNames:c.isoCountryNames,languageHeaders:s}),f=l.data,g=l.language||"en";if(u.countriesMap.set(w,f),i(w,f,g,c.countryNameFilter),void 0!==(w.getAttribute("data-preselected")||w.dataset.preselected||w.dataset._widgetTempPreselect)&&(o(w),r(w,{type:"country",reason:"preselected"}),b=!0,w.value&&(w.value,w.dataset.defaultValue)),n){const e=f.find(e=>e.preselected);e&&(w.value=e.iso_alpha_2,r(w,{type:"country",reason:"geoip"}),b=!0)}!h&&w.value&&w.value!==(w.dataset.defaultValue||"")&&(h=!0);const _=u.eventHandlers.get(w);_?.countryChange&&w.removeEventListener("change",_.countryChange);const L=async e=>{if(d(e))return;r(w,{type:"country",reason:"regular"});const n=v(),i="undefined"!=typeof window&&window.CountriesDBConfig?window.CountriesDBConfig:c;await y(w,t,a,u,n);const o=w.value;if(!o)return;const s=(u.countriesMap.get(w)||[]).find(e=>e.iso_alpha_2===o);if(!s)return;const l=i?.followUpward||!1;l&&!w.multiple&&s.is_subdivision_of&&await p(w,t,0,u,l,(e,t,i)=>m(e,t,a,u,n,i))},S=u.eventHandlers.get(w)||{};S.countryChange=L,u.eventHandlers.set(w,S),w.addEventListener("change",L)}catch(e){if(console.error("Failed to fetch countries:",e),s(w,e),w.dataset.name){const t=Array.from(document.querySelectorAll(`.subdivision-selection[data-country="${w.dataset.name}"]`));for(const i of t)n(i,"&mdash;"),s(i,e)}}finally{u.isInitializing.delete(w),l(w,{type:"country",phase:"initial"}),b||r(w,{type:"country",reason:"regular"})}}}(w,u.backendUrl,g,{defaultLanguage:u.defaultLanguage,forcedLanguage:u.forcedLanguage,isoCountryNames:u.isoCountryNames||!1,followRelated:u.followRelated||!1,followUpward:u.followUpward||!1,countryNameFilter:u.countryNameFilter});const _=Array.from(document.querySelectorAll(".country-selection"));for(const e of _)e.value&&e.value!==(e.dataset.defaultValue||"")&&await y(e,w,u.backendUrl,g,h);return a.initialized=!0,!0})(),a.initPromise}function b(e){if(null==e)return!1;const t=String(e).trim().toLowerCase();return!("0"===t||"false"===t)}return"undefined"!=typeof window&&(window.CountriesWidgetLoad=w,function e(){if("loading"===document.readyState)return void document.addEventListener("DOMContentLoaded",e,{once:!0});let t=null;if(document.currentScript&&document.currentScript instanceof HTMLScriptElement){const e=document.currentScript.src;e&&(e.includes("@countriesdb/widget")||e.includes("widget/dist/index.js"))&&(t=document.currentScript)}if(!t){t=Array.from(document.getElementsByTagName("script")).find(e=>e.src&&(e.src.includes("@countriesdb/widget")||e.src.includes("widget/dist/index.js")))||null}let n=!0;const i="undefined"!=typeof window&&window.CountriesDBConfig||null;if(i&&void 0!==i.autoInit)n=!!i.autoInit;else if(t&&t.src)try{const e=new URL(t.src).searchParams.get("auto_init");n=null===e||"true"===e||"1"===e}catch{n=!0}n&&setTimeout(()=>{w().catch(console.error)},0)}()),w});
 //# sourceMappingURL=index.js.map