@countriesdb/widget 0.1.20 → 0.1.22

package/dist/initialization.js

@@ -20,8 +20,7 @@ export async function setupSubdivisionSelection(apiKey, backendUrl, state, confi
             : 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>`;
+            handleApiError(select, 'Cannot link to multi-select country. Use data-country-code instead.', true);
             continue;
         }
         // No direct link → maybe data-country-code
@@ -31,8 +30,7 @@ export async function setupSubdivisionSelection(apiKey, backendUrl, state, confi
                 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>`;
+                handleApiError(select, 'No country select present');
             }
         }
         // Always dispatch an update event for user-initiated subdivision changes
@@ -78,7 +76,8 @@ export async function updateSubdivisionSelect(select, apiKey, backendUrl, state,
             // 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
-            const preferOfficial = select.hasAttribute('data-prefer-official');
+            const preferOfficial = select.hasAttribute('data-prefer-official') ||
+                config.preferOfficialSubdivisions;
             const languageHeaders = CountriesDBClient.getLanguageHeaders(config.forcedLanguage, config.defaultLanguage);
             const subdivisionsResult = await CountriesDBClient.fetchSubdivisions({
                 apiKey,
@@ -175,8 +174,7 @@ export async function updateSubdivisionSelect(select, apiKey, backendUrl, state,
     }
     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>`;
+        handleApiError(select, 'No country select present');
     }
 }
 /**
@@ -205,8 +203,7 @@ export async function setupCountrySelection(apiKey, backendUrl, state, config, s
         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>`;
+            handleApiError(select, 'Duplicate field');
             continue;
         }
         if (name) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@countriesdb/widget",
-  "version": "0.1.20",
+  "version": "0.1.22",
   "description": "Country and state/province select widget with ISO 3166-1 and ISO 3166-2 codes. Auto-populates dropdowns with up-to-date country and subdivision data in multiple languages. Easy integration for forms, location selection, and address validation.",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",