@iamproperty/components 7.6.1 → 7.6.2

package/assets/ts/components/multiselect/multiselect.component.ts

@@ -127,7 +127,7 @@ class iamMultiselect extends HTMLElement {
     });
 
     // Filter list
-    const filterList = () => {
+    const filterList = (): void => {
 
       Array.from(multiselect.querySelectorAll(`label:not([slot="checked"])`)).forEach((label) => {
         const checkbox = label.querySelector('input');

package/assets/ts/components/std-address-lookup/std-address-lookup.component.ts

@@ -1551,7 +1551,7 @@ class iamSTDAddressLookup extends HTMLElement {
     const currentContent = this.innerHTML;
     this.innerHTML = `<iam-address-lookup 
     class="${this.getAttribute('class')}" 
-    data-url="/standardaddress.json?search_query=" 
+    ${this.hasAttribute('data-url') ? `data-url='${this.getAttribute('data-url')}?search_query='` : `data-url='/stand-ardaddress.json?search_query='`}
     data-postcode="true" 
     data-min-chars="5" 
     ${this.hasAttribute('data-title') ? `data-title='${this.getAttribute('data-title')}'` : `data-title='Find an address by postcode'`}
@@ -1679,8 +1679,7 @@ class iamSTDAddressLookup extends HTMLElement {
     const atleastone = this.querySelector('.overseas-atleastone');
     const overseasFields = this.querySelector('.overseas');
 
-
-    const openOverseas = () => {
+    const openOverseas = (): void => {
       const updateEvent = new CustomEvent('open-manual');
       addressComponent.dispatchEvent(updateEvent);
       this.classList.add('show-overseas');

package/assets/ts/modules/advanced-select.ts

@@ -117,7 +117,7 @@ function advancedSelect(advancedSelect, displayInputField, datalist, isSearch =
     );
 
 
-  const emptyField = () => {
+  const emptyField = (): void => {
 
     displayInputField.removeAttribute('placeholder');
 

package/assets/ts/modules/applied-filters.ts

@@ -94,7 +94,7 @@ function createAppliedFilters(container, filters): void {
     }
   };
 
-  const checkForChecked = (setFilter = false) => {
+  const checkForChecked = (setFilter = false): void => {
 
     filters.innerHTML = '';
     Array.from(
@@ -126,7 +126,7 @@ function createAppliedFilters(container, filters): void {
   });
 
 
-  const filterClicked = (filter) => {
+  const filterClicked = (filter): void => {
 
     if(!filter?.hasAttribute('data-name'))
       return false;

package/assets/ts/modules/chart.module.ts

@@ -13,7 +13,7 @@ export const addClasses = (chartElement: any, chartOuter: any): boolean => {
 
     Array.from(chartOuter.querySelectorAll(`[data-colour-${i}]`)).forEach((element: HTMLElement) => {
       const colour = element.getAttribute(`data-colour-${i}`);
-      element.style.setProperty(`--chart-colour-${i}-set`, `var(--chart-colour-${colour})`);
+      element.style.setProperty(`--chart-colour-${i}`, `var(--chart-colour-${colour})`);
       element.style.setProperty(`--chart-colour-${i}-hover`, `var(--chart-colour-${colour}-hover)`);
     });
   }