@intl-tel-input/svelte 28.1.0 → 29.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intl-tel-input/svelte",
-  "version": "28.1.0",
+  "version": "29.0.0",
   "description": "A Svelte component for intl-tel-input, for entering, formatting, and validating international telephone numbers",
   "type": "module",
   "license": "MIT",
@@ -25,7 +25,7 @@
     "README.md"
   ],
   "dependencies": {
-    "intl-tel-input": "^28.1.0"
+    "intl-tel-input": "^29.0.0"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"

package/src/IntlTelInput.svelte

@@ -21,8 +21,8 @@
     onChangeCountry,
     onChangeValidity,
     onChangeErrorCode,
-    onOpenCountryDropdown,
-    onCloseCountryDropdown,
+    onOpenCountrySelector,
+    onCloseCountrySelector,
     onStrictReject,
     ...initOptions
   } = $props() as Props;
@@ -100,7 +100,7 @@
     if (!instance?.isActive()) {
       return;
     }
-    const country = instance.getSelectedCountryData()?.iso2 ?? "";
+    const country = instance.getSelectedCountry()?.iso2 ?? "";
     if (country !== lastEmittedCountry) {
       lastEmittedCountry = country;
       onChangeCountry?.(country);
@@ -108,8 +108,8 @@
     updateValue();
   };
 
-  const handleOpenDropdown = (): void => onOpenCountryDropdown?.();
-  const handleCloseDropdown = (): void => onCloseCountryDropdown?.();
+  const handleOpenCountrySelector = (): void => onOpenCountrySelector?.();
+  const handleCloseCountrySelector = (): void => onCloseCountrySelector?.();
   const handleStrictReject = (e: Event): void => {
     const { source, rejectedInput, reason } = (e as CustomEvent<StrictRejectDetail>).detail;
     onStrictReject?.(source, rejectedInput, reason);
@@ -123,11 +123,11 @@
       if (disabled) instance.setDisabled(disabled);
       if (readonly) instance.setReadonly(readonly);
 
-      inputElement.addEventListener("open:countrydropdown", handleOpenDropdown);
-      inputElement.addEventListener("close:countrydropdown", handleCloseDropdown);
+      inputElement.addEventListener("open:countryselector", handleOpenCountrySelector);
+      inputElement.addEventListener("close:countryselector", handleCloseCountrySelector);
       inputElement.addEventListener("strict:reject", handleStrictReject);
 
-      lastEmittedCountry = instance.getSelectedCountryData()?.iso2 ?? "";
+      lastEmittedCountry = instance.getSelectedCountry()?.iso2 ?? "";
       hasInitialized = true;
 
       // wait for utils to load before calling methods that require it (getNumber, setNumber, isValidNumber, etc.)
@@ -153,8 +153,8 @@
 
   onDestroy(() => {
     if (inputElement) {
-      inputElement.removeEventListener("open:countrydropdown", handleOpenDropdown);
-      inputElement.removeEventListener("close:countrydropdown", handleCloseDropdown);
+      inputElement.removeEventListener("open:countryselector", handleOpenCountrySelector);
+      inputElement.removeEventListener("close:countryselector", handleCloseCountrySelector);
       inputElement.removeEventListener("strict:reject", handleStrictReject);
     }
     instance?.destroy();

package/src/IntlTelInput.svelte.d.ts

@@ -18,8 +18,8 @@ export type Props = SomeOptions & {
   onChangeCountry?: (iso2: string) => void;
   onChangeValidity?: (isValid: boolean) => void;
   onChangeErrorCode?: (errorCode: ValidationError | null) => void;
-  onOpenCountryDropdown?: () => void;
-  onCloseCountryDropdown?: () => void;
+  onOpenCountrySelector?: () => void;
+  onCloseCountrySelector?: () => void;
   onStrictReject?: (source: StrictRejectSource, rejectedInput: string, reason: StrictRejectReason) => void;
 };