places-autocomplete-svelte 2.1.8 → 2.1.9

package/README.md

@@ -1,6 +1,6 @@
 # Places (New) Autocomplete Svelte
 
-This Svelte component provides a user-friendly way to search for and retrieve detailed address information within your [SvelteKit](https://kit.svelte.dev) applications, leveraging the power of the [Google Maps Places (New) Autocomplete API](https://developers.google.com/maps/documentation/javascript/place-autocomplete-overview).  It comes with default styling using [Tailwind CSS](https://tailwindcss.com/), which you can fully customize.
+This Svelte component provides a user-friendly way to search for and retrieve detailed address information within your [SvelteKit](https://kit.svelte.dev) applications, leveraging the power of the [Google Maps Places (New) Autocomplete API](https://developers.google.com/maps/documentation/javascript/place-autocomplete-overview).  It comes with default styling using [Tailwind CSS](https://tailwindcss.com/), which you can fully customise.
 
 
 
@@ -90,10 +90,10 @@ let onResponse = (response) => {
 | `placeholder` | `String`   | Placeholder text for the input field.                                                                                                                      | `"Search..."` |
 | `autocomplete`| `string`  | HTML `autocomplete` attribute for the input field. Set to `"off"` to disable browser autocomplete.                                                          | `"off"`      |
 | `show_distance`| `boolean` | If `true`, and if an `origin` is specified in `requestParams`, displays the distance to each suggestion. The distance is calculated as a geodesic in meters. | `false`       |
-| `classes`     | `Object`   | Object to override default Tailwind CSS classes.structure.                                                | See [styling](https://places-autocomplete-demo.pages.dev/examples/styling)    |
+| `classes`     | `Object`   | Object to override default Tailwind CSS classes.                                                | See [styling](https://places-autocomplete-demo.pages.dev/examples/styling)    |
 
 ### Styling
-Customize the component's appearance by providing an object to the classes property. This object should contain key-value pairs, where the keys correspond to the component's elements and the values are your custom CSS class names. See [styling](https://places-autocomplete-demo.pages.dev/examples/styling) for details.
+Customise the component's appearance by providing an object to the classes property. This object should contain key-value pairs, where the keys correspond to the component's elements and the values are your custom CSS class names. See [styling](https://places-autocomplete-demo.pages.dev/examples/styling) for details.
 
 
 ### Request Parameters (requestParams)
@@ -103,12 +103,6 @@ Fine-tune the autocomplete search with the requestParams property. This property
 <script>
 // ... other imports
 
-/**
- * @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
@@ -128,12 +122,12 @@ const requestParams = {
  * @type object optional
  * Options
  */
-	const options = {
-		autofocus: false,
-		autocompete: 'off',
-		placeholder: 'Start typing your address',
-		show_distance: true,
-	};
+const options = {
+	autofocus: false,
+	autocompete: 'off',
+	placeholder: 'Start typing your address',
+	show_distance: true,
+};
 
 /**
  * @type array optional

package/dist/helpers.js

@@ -43,7 +43,10 @@ export const requestParamsDefault = {
      * If neither are set, the results will be biased by IP address, meaning the IP address
      * will be mapped to an imprecise location and used as a biasing signal.
      */
-    locationBias: null,
+    locationBias: {
+        lat: 0,
+        lng: 0
+    },
     /**
      * @param LocationRestriction optional
      * Restrict results to a specified location.
@@ -118,7 +121,7 @@ export const validateRequestParams = (requestParams) => {
         }
     }
     // merge requestParams with requestParamsDefault
-    requestParams = Object.assign(requestParamsDefault, requestParams);
+    //requestParams = Object.assign(requestParamsDefault, requestParams);
     // Reset sessionToken to empty string if passed to the component
     if (requestParams.sessionToken) {
         requestParams.sessionToken = String('');
@@ -145,7 +148,7 @@ export const validateRequestParams = (requestParams) => {
      * If requestParams.includedRegionCodes is an array and has more than 15 items, slice it to 15
      */
     if (!Array.isArray(requestParams.includedRegionCodes)
-        || (Array.isArray(requestParams.includedPrimaryTypes) && requestParams.includedPrimaryTypes.length === 0)) {
+        || (Array.isArray(requestParams.includedRegionCodes) && requestParams.includedRegionCodes.length === 0)) {
         delete requestParams.includedRegionCodes;
     }
     else if (Array.isArray(requestParams.includedRegionCodes) && requestParams.includedRegionCodes.length > 15) {
@@ -163,27 +166,38 @@ export const validateRequestParams = (requestParams) => {
         delete requestParams.language;
     }
     // If locationBias is not a string, remove it
-    if (typeof requestParams.locationBias !== 'string') {
+    if (typeof requestParams.locationBias !== 'undefined'
+        && (!Object.keys(requestParams.locationBias).includes('lat') || !Object.keys(requestParams.locationBias).includes('lng'))
+        || requestParams.locationBias?.lat === 0
+        || requestParams.locationBias?.lng === 0) {
         delete requestParams.locationBias;
     }
     /**
      * If locationRestriction is not set, remove it
      */
-    if (requestParams.locationRestriction?.east === 0
-        && requestParams.locationRestriction?.north === 0
-        && requestParams.locationRestriction?.south === 0
-        && requestParams.locationRestriction?.west === 0) {
+    if (typeof requestParams.locationRestriction !== 'undefined'
+        && (!Object.keys(requestParams.locationRestriction).includes('east')
+            || !Object.keys(requestParams.locationRestriction).includes('north')
+            || !Object.keys(requestParams.locationRestriction).includes('south')
+            || !Object.keys(requestParams.locationRestriction).includes('west'))
+        || requestParams.locationRestriction?.east === 0
+        || requestParams.locationRestriction?.north === 0
+        || requestParams.locationRestriction?.south === 0
+        || requestParams.locationRestriction?.west === 0) {
         delete requestParams.locationRestriction;
     }
     // If origin is not set, remove it
-    if (requestParams.origin?.lat === 0 && requestParams.origin?.lng === 0) {
+    if (typeof requestParams.origin !== 'undefined'
+        && (!Object.keys(requestParams.origin).includes('lat') || !Object.keys(requestParams.origin).includes('lng'))
+        || requestParams.origin?.lat === 0 || requestParams.origin?.lng === 0) {
         delete requestParams.origin;
     }
     // If region is not a string, remove it
     if (typeof requestParams.region !== 'string') {
         delete requestParams.region;
     }
-    //console.log('requestParams:', Object.keys(requestParams));
+    // console.log('requestParams:', Object.keys(requestParams));
+    // console.log('requestParams:', requestParams);
     return requestParams;
 };
 /**

package/dist/interfaces.d.ts

@@ -8,7 +8,10 @@ export interface RequestParams {
     includedRegionCodes?: string[];
     inputOffset?: number;
     language?: string;
-    locationBias?: unknown | string;
+    locationBias?: {
+        lat: number;
+        lng: number;
+    };
     locationRestriction?: {
         west: number;
         south: number;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "places-autocomplete-svelte",
 	"license": "MIT",
-	"version": "2.1.8",
+	"version": "2.1.9",
 	"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",
@@ -68,30 +68,30 @@
 	},
 	"devDependencies": {
 		"@sveltejs/adapter-auto": "^4.0.0",
-		"@sveltejs/adapter-cloudflare": "^5.0.1",
-		"@sveltejs/kit": "^2.16.1",
-		"@sveltejs/package": "^2.3.9",
+		"@sveltejs/adapter-cloudflare": "^5.0.2",
+		"@sveltejs/kit": "^2.17.1",
+		"@sveltejs/package": "^2.3.10",
 		"@sveltejs/vite-plugin-svelte": "^5.0.3",
-		"@tailwindcss/postcss": "^4.0.3",
+		"@tailwindcss/postcss": "^4.0.5",
 		"@tailwindcss/typography": "^0.5.16",
-		"@tailwindcss/vite": "^4.0.3",
+		"@tailwindcss/vite": "^4.0.5",
 		"@types/eslint": "^9.6.1",
 		"autoprefixer": "^10.4.20",
-		"eslint": "^9.19.0",
+		"eslint": "^9.20.0",
 		"eslint-config-prettier": "^10.0.1",
 		"eslint-plugin-svelte": "^2.46.1",
 		"globals": "^15.14.0",
 		"postcss": "^8.5.1",
 		"prettier": "^3.4.2",
 		"prettier-plugin-svelte": "^3.3.3",
-		"publint": "^0.3.2",
-		"svelte": "^5.19.6",
+		"publint": "^0.3.4",
+		"svelte": "^5.19.9",
 		"svelte-check": "^4.1.4",
-		"tailwindcss": "^4.0.3",
+		"tailwindcss": "^4.0.5",
 		"tslib": "^2.8.1",
 		"typescript": "^5.7.3",
-		"typescript-eslint": "^8.22.0",
-		"vite": "^6.0.11"
+		"typescript-eslint": "^8.23.0",
+		"vite": "^6.1.0"
 	},
 	"svelte": "./dist/index.js",
 	"types": "./dist/PlaceAutocomplete.svelte.d.ts",