places-autocomplete-svelte 2.1.4 → 2.1.6

package/README.md

@@ -82,9 +82,16 @@ const placeholder = 'Search...';
 /**
  * @type string optional
  * The <input> HTML autocomplete attribute.
- * if ommited defaults to 'off'
+ * default: 'off'
  * */ 
 const autocompete = 'off';
+
+/**
+ * @type boolean optional
+ * Boolean attribute indicating that an element should be focused on page load.
+ * default: false
+ * */ 
+const autofocus = false;
 /**
  * @type object optional
  * AutocompleteRequest properties
@@ -137,6 +144,7 @@ const fetchFields = ['formattedAddress', 'addressComponents'];
 	{requestParams}
 	{placeholder} 
 	{autocompete}
+	{autofocus}
 	{fetchFields}
 	{classes}
 />
@@ -151,7 +159,8 @@ const fetchFields = ['formattedAddress', 'addressComponents'];
 | `onResponse`              | `CustomEvent` | Dispatched when a place is selected, containing the place details.                                                                                                     | Yes       |                                               |
 | `onError`                 | `CustomEvent`                      | Dispatched when an error occurs.                                                                                                                                        | No        |                                               |
 | `placeholder`            | `String`                                     | Placeholder text for the input field.                                                                                                                                        | No        | `"Search..."`                             |
-| `autocomplete`           | `string`                                     | HTML `autocomplete` attribute for the input field. Set to "off" to disable browser autocomplete.                                                                        | No        | `"off"`                                    |
+| `autocomplete`           | `string`                                     | HTML `autocomplete` attribute for the input field. Set to "off" to disable browser autocomplete. 
+| `autofocus`           | `boolean`                                     | The attribute indicating that an element should be focused on page load.                                                                        | No        | `false`                                    |
 | `requestParams`          | `Object`   | Object for additional request parameters (e.g., `types`, `bounds`). See [AutocompleteRequest](https://developers.google.com/maps/documentation/javascript/reference/autocomplete-data#AutocompleteRequest). | No        | `{}`                                       |
 | `fetchFields`            | `Array`                                | Array of place data fields to return. See [Supported Fields](https://developers.google.com/maps/documentation/javascript/reference/places-service#PlaceResult)                | No        | `['formattedAddress', 'addressComponents']` |
 | `classes`              | `Object` |  Object to override default Tailwind CSS classes applied to the component's elements (input, list, etc.). See the "Basic Usage" section for structure and default class names.   | No | *Default Tailwind classes* |

package/dist/PlaceAutocomplete.svelte

@@ -14,6 +14,7 @@
 		fetchFields = $bindable(['formattedAddress', 'addressComponents']),
 		placeholder = 'Search...',
 		autocompete = 'off',
+		autofocus = false,
 		classes = {
 			section: '',
 			container: 'relative z-10 transform rounded-xl mt-4',
@@ -101,7 +102,6 @@
 
 		// set request input
 		request.input = target.value;
-		console.log(request);
 
 		// attempt to get autocomplete suggestions
 		try {
@@ -162,8 +162,10 @@
 	 * Initialize the Google Maps JavaScript API Loader.
 	 */
 	onMount(async (): Promise<void> => {
-		// focus on the input
-		inputRef.focus();
+		if(autofocus) {
+			// focus on the input
+			inputRef.focus();
+		}
 
 		// load the Google Maps API
 		try {

package/dist/helpers.d.ts

@@ -4,4 +4,4 @@ export declare const requestParamsDefault: RequestParams;
  * Validate and cast request parameters
  * @param requestParams
  */
-export declare const validateRequestParams: (requestParams: RequestParams) => RequestParams;
+export declare const validateRequestParams: (requestParams: RequestParams | undefined) => RequestParams;

package/dist/helpers.js

@@ -105,6 +105,9 @@ export const validateRequestParams = (requestParams) => {
         requestParams = {
             input: String(''),
             sessionToken: String(''),
+            includedRegionCodes: ['GB'],
+            language: 'en-GB',
+            region: 'GB',
         };
         return requestParams;
     }

package/dist/interfaces.d.ts

@@ -3,7 +3,7 @@
  * https://developers.google.com/maps/documentation/javascript/reference/autocomplete-data
  */
 export interface RequestParams {
-    input: string;
+    input?: string;
     includedPrimaryTypes?: string[];
     includedRegionCodes?: string[];
     inputOffset?: number;
@@ -41,9 +41,10 @@ export interface Props {
     PUBLIC_GOOGLE_MAPS_API_KEY: string;
     fetchFields?: string[];
     placeholder?: string;
-    classes?: ComponentClasses;
+    autofocus?: boolean;
     autocompete?: AutoFill;
-    requestParams: RequestParams;
+    classes?: ComponentClasses;
+    requestParams?: RequestParams;
     onResponse: (e: Event) => void;
     onError: (error: string) => void;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "places-autocomplete-svelte",
 	"license": "MIT",
-	"version": "2.1.4",
+	"version": "2.1.6",
 	"description": "A lightweight and customizable Svelte component for easy integration of Google Maps Places (New) Autocomplete in your Svelte/SvelteKit applications. Provides accessible autocomplete suggestions and detailed address retrieval.",
 	"keywords": [
 		"svelte",