svelte-tel-input 4.0.1 → 4.0.2

package/dist/components/input/TelInput.svelte

@@ -1,9 +1,11 @@
 <script lang="ts">
 	import { onMount, untrack } from 'svelte';
 	import { ParseError } from 'libphonenumber-js/max';
-	import { generatePlaceholder, parsePhoneInput, telInputAction } from '../../utils/index.js';
+	import { generatePlaceholder } from '../../utils/index.js';
+	import { parsePhoneInput } from '../../utils/helpers.js';
+	import { telInputAction } from '../../utils/directives/telInputAction.js';
+	import { getCountry, guessCountryByPartialNumber } from '../../utils/countryHelpers.js';
 	import type { CountryCode, TelInputOptions, Props, ValidationError } from '../../types';
-	import { getCountry, guessCountryByPartialNumber } from '../../utils/directives/countryHelpers';
 
 	const defaultOptions = {
 		autoPlaceholder: true,
@@ -31,7 +33,7 @@
 		defaultCountry = null,
 		detailedValue = $bindable(null),
 		valid = $bindable(true),
-		validationError = $bindable<ValidationError>(null),
+		validationError = $bindable<Readonly<ValidationError>>(null),
 		options = defaultOptions,
 		el = $bindable(undefined),
 		'aria-invalid': ariaInvalidProp = undefined,

package/dist/index.d.ts

@@ -1,4 +1,3 @@
 export { default as TelInput } from './components/input/TelInput.svelte';
-export { inputParser, clickOutsideAction, isSelected, parsePhoneInput, parse, normalizeToE164, pickCountries } from './utils/index.js';
-export { parsePhoneNumberWithError, ParseError } from 'libphonenumber-js/max';
+export { parse, normalizeToE164, pickCountries } from './utils/index.js';
 export { countries } from './assets/index.js';

package/dist/index.js

@@ -1,4 +1,3 @@
 export { default as TelInput } from './components/input/TelInput.svelte';
-export { inputParser, clickOutsideAction, isSelected, parsePhoneInput, parse, normalizeToE164, pickCountries } from './utils/index.js';
-export { parsePhoneNumberWithError, ParseError } from 'libphonenumber-js/max';
+export { parse, normalizeToE164, pickCountries } from './utils/index.js';
 export { countries } from './assets/index.js';

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
-import type { CountryCallingCode, CountryCode, MetadataJson, PhoneNumber } from 'libphonenumber-js';
+import type { CountryCode } from 'libphonenumber-js';
 import type { HTMLInputAttributes } from 'svelte/elements';
 
 export interface Country {
@@ -38,7 +38,7 @@ export interface DetailedValue {
 	uri: string | null;
 	e164: string | null;
 	/** Granular validation error when `isValid` is `false`. */
-	validationError?: ValidationError;
+	validationError: ValidationError;
 }
 
 /**
@@ -133,7 +133,7 @@ export interface Props extends HTMLInputAttributes {
 	/** Validity of the input based on the config settings. */
 	valid?: boolean;
 	/** The reason the current value is invalid, or `null` when valid. */
-	validationError?: ValidationError;
+	validationError?: Readonly<ValidationError>;
 	/** You can turn on and off certain features by this object */
 	options?: TelInputOptions;
 	/** Binding to the underlying `<input>` element */
@@ -148,7 +148,7 @@ export interface Props extends HTMLInputAttributes {
 	 * @param newValidity The new validity state.
 	 * @param error The validation error type.
 	 */
-	onValidityChange?: (newValidity: boolean, error: ValidationError) => void;
+	onValidityChange?: (newValidity: boolean, error: Readonly<ValidationError>) => void;
 	/**
 	 * Callback fired when the value or details change.
 	 * @param newValue The new E164 value.
@@ -166,4 +166,4 @@ export interface Props extends HTMLInputAttributes {
 	onLoad?: () => void;
 }
 
-export type { CountryCallingCode, CountryCode, PhoneNumber, MetadataJson };
+export type { CountryCode };

package/dist/utils/{directives/countryHelpers.d.ts → countryHelpers.d.ts}

@@ -1,4 +1,4 @@
-import type { CountryCode, Country } from '../../types/index.js';
+import type { CountryCode, Country } from '../types/index.js';
 export declare const getCountry: ({ field, value, countries }: {
     /**
      * Field to search by

package/dist/utils/{directives/countryHelpers.js → countryHelpers.js}

@@ -1,4 +1,4 @@
-import { countries as normalizedCountries } from '../../assets/index.js';
+import { countries as normalizedCountries } from '../assets/index.js';
 export const getCountry = ({ field, value, countries = normalizedCountries }) => {
     if (['priority'].includes(field)) {
         throw new Error(`Field "${field}" is not supported`);

package/dist/utils/directives/telInputAction.js

@@ -1,6 +1,6 @@
-import { getCountry } from './countryHelpers.js';
+import { getCountry } from '../countryHelpers.js';
 import { parsePhoneInput } from '../helpers.js';
-import { calculateCursorPosition } from './cursorPosition.js';
+import { calculateCursorPosition } from '../cursorPosition.js';
 let inputState = null;
 const normalizeUserInput = (input) => {
     let value = '';

package/dist/utils/helpers.js

@@ -1,6 +1,6 @@
 import { AsYouType, getExampleNumber, formatIncompletePhoneNumber, validatePhoneNumberLength } from 'libphonenumber-js/max';
 import { examplePhoneNumbers, countries } from '../assets/index.js';
-import { getCountry } from './directives/countryHelpers.js';
+import { getCountry } from './countryHelpers.js';
 const whiteSpaceRegex = new RegExp('[\\t\\n\\v\\f\\r \\u00a0\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u200b\\u2028\\u2029\\u3000]', 'g');
 const plusSignRegex = new RegExp('\\+', 'g');
 export const generatePlaceholder = (country, { spaces } = {

package/dist/utils/index.d.ts

@@ -1,3 +1 @@
-export { generatePlaceholder, inputParser, isSelected, parse, normalizeToE164, parsePhoneInput, pickCountries } from './helpers.js';
-export * from './directives/clickOutsideAction.js';
-export * from './directives/telInputAction.js';
+export { generatePlaceholder, parse, normalizeToE164, pickCountries } from './helpers.js';

package/dist/utils/index.js

@@ -1,3 +1 @@
-export { generatePlaceholder, inputParser, isSelected, parse, normalizeToE164, parsePhoneInput, pickCountries } from './helpers.js';
-export * from './directives/clickOutsideAction.js';
-export * from './directives/telInputAction.js';
+export { generatePlaceholder, parse, normalizeToE164, pickCountries } from './helpers.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "svelte-tel-input",
   "description": "svelte-tel-input",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/gyurielf/svelte-tel-input.git"
@@ -47,7 +47,7 @@
     "micromatch": "^4.0.8",
     "postcss": "^8.5.8",
     "publint": "^0.3.18",
-    "svelte": "^5.54.0",
+    "svelte": "^5.55.0",
     "svelte-check": "^4.4.5",
     "svelte2tsx": "^0.7.52",
     "tailwindcss": "^4.2.2",

package/dist/utils/directives/clickOutsideAction.d.ts

@@ -1,3 +0,0 @@
-export declare const clickOutsideAction: (node: HTMLElement, handler: () => void, skipPrevented?: boolean) => {
-    destroy: () => void;
-};

package/dist/utils/directives/clickOutsideAction.js

@@ -1,18 +0,0 @@
-export const clickOutsideAction = (node, handler, skipPrevented = true) => {
-    const handleClick = async (event) => {
-        if (skipPrevented) {
-            if (!node.contains(event.target) && !event.defaultPrevented)
-                handler();
-        }
-        else {
-            if (!node.contains(event.target))
-                handler();
-        }
-    };
-    document.addEventListener('click', handleClick, true);
-    return {
-        destroy() {
-            document.removeEventListener('click', handleClick, true);
-        }
-    };
-};