@iamproperty/components 4.1.1-beta-3 → 4.1.1-beta-4

package/assets/sass/foundations/root.scss

@@ -1,8 +1,10 @@
 @use "../func" as *;
 
-@import "../../bootstrap/scss/_root.scss";
+//@import "../../bootstrap/scss/_root.scss";
 
-:root {
+$root: ':root'!default;
+
+#{$root} {
   // Print out the $vars array setup in the variables file so they can be used as CSS vars
   // Custom variable values only support SassScript inside `#{}`.
   @each $var, $value in $vars {
@@ -40,7 +42,7 @@
 
 // Dark mode; functional colours get updated
 @include dark-mode() {
-  :root {
+  #{$root} {
     
     @each $color, $value in $dark-mode-colors {
       --colour-#{$color}: #{$value};
@@ -110,7 +112,7 @@
 
 
 @media (forced-colors: active) {
-  :root {
+  #{$root} {
     --contrast-outline-width: 1px;
   }
 }

package/assets/sass/helpers/dynamic.scss

@@ -1,3 +1,7 @@
-.js-hide {
+body.js-enabled .js-hide {
+  display: none!important;
+}
+
+body:not(.js-enabled) .js-show {
   display: none!important;
 }

package/assets/ts/components/actionbar/actionbar.component.ts

@@ -66,7 +66,7 @@ class iamActionbar extends HTMLElement {
                 <slot name="menu"></slot>
               </dialog>
             </div>
-            <button class="btn btn-secondary btn-compact btn-sm fa-search m-0" data-search="">Search</button>
+            <button class="btn btn-secondary btn-compact btn-sm fa-search" data-search="">Search</button>
           </div>
         </div>
       </div>

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

@@ -32,7 +32,7 @@ class iamAddressLookup extends HTMLElement {
 
       <div class="postcode-lookup">
         <div>
-        <label class="mb-2">Search property address <span class="optional">(Optional)</span>
+        <label class="mb-2">Search <span class="title text-lowercase"></span> <span class="optional">(Optional)</span>
           <span>
           <input type="text" name="postcode" list="address-lookup__addressess" autoComplete="new-password" aria-autocomplete="none" placeholder="Postcode" />
           <span class="suffix fa-regular fa-search"></span>
@@ -49,6 +49,10 @@ class iamAddressLookup extends HTMLElement {
         <slot></slot>
         <button class="btn btn-tertiary switch-to-lookup-btn">Use postcode lookup</button>
       </div>
+      <div class="pre-filled pb-2 js-hide">
+        <strong class="title text-primary d-block"></strong>
+        <p><span class="pre-filled-address"></span><button class="text-primary text-decoration-none ms-1 cursor-pointer"><i class="fa-regular fa-pen-to-square"></i><span class="visually-hidden">Edit</span></button></p>
+      </div>
     </div>
     `;
     this.shadowRoot.appendChild(template.content.cloneNode(true));
@@ -60,9 +64,40 @@ class iamAddressLookup extends HTMLElement {
     const lookup = this.shadowRoot.querySelector('[name="postcode"]');
     const lookupWrapper = this.shadowRoot.querySelector('.postcode-lookup');
     const manualWrapper = this.shadowRoot.querySelector('.manual-address');
+    const preFilledWrapper = this.shadowRoot.querySelector('.pre-filled');
     const list = this.shadowRoot.querySelector('datalist');
     const switchManualBtn = this.shadowRoot.querySelector('.switch-to-manual-btn');
     const switchLookupBtn = this.shadowRoot.querySelector('.switch-to-lookup-btn');
+    const title = this.hasAttribute('data-title') ? this.getAttribute('data-title')  : "Property address";
+
+    let preFilled = true;
+
+    const preFilledAddress = this.shadowRoot.querySelector('.pre-filled-address');
+    const preFilledAddressBtn = this.shadowRoot.querySelector('.pre-filled-address + button');
+
+    
+    Array.from(this.shadowRoot.querySelectorAll('.title')).forEach((titleElement, index) => {
+
+      titleElement.innerHTML = title;
+    });
+
+
+    Array.from(this.querySelectorAll('input[required],input[data-required],select[required],select[data-required]')).forEach((input, index) => {
+
+      if(!input.value)
+        preFilled = false;
+      else
+        preFilledAddress.innerHTML += ', '+input.value;
+      
+    });
+
+    preFilledAddress.innerHTML = preFilledAddress.innerHTML.slice(1);
+
+    if(preFilled){
+      preFilledWrapper.classList.remove('js-hide');
+      lookupWrapper.classList.add('js-hide');
+      manualWrapper.classList.add('js-hide');
+    }
 
     if(this.hasAttribute('data-use')){
 
@@ -97,20 +132,32 @@ class iamAddressLookup extends HTMLElement {
       });
     }
 
-
-    switchManualBtn.addEventListener('click', (event) => {
-
+    function openManualWrapper (){
       lookupWrapper.classList.add('js-hide');
       manualWrapper.classList.remove('js-hide');
 
       Array.from(this.querySelectorAll('[data-required]')).forEach((input, index) => {
         input.setAttribute('required','true');
       });
+
+      manualWrapper.scrollIntoView();
+    }
+
+    preFilledAddressBtn.addEventListener('click', (event) => {
+
+      preFilledWrapper.classList.add('js-hide');
+      openManualWrapper();
+    });
+    switchManualBtn.addEventListener('click', (event) => {
+
+      openManualWrapper();
     });
     switchLookupBtn.addEventListener('click', (event) => {
 
       lookupWrapper.classList.remove('js-hide');
       manualWrapper.classList.add('js-hide');
+
+      lookupWrapper.scrollIntoView();
     });
 
 

package/assets/ts/components/pagination/pagination.component.ts

@@ -208,7 +208,7 @@ class iamPagination extends HTMLElement {
       }
       case "data-page": {
 
-        if(oldVal != newVal) {
+        if(oldVal && oldVal != newVal) {
 
           this.setup();
           // Dispact the event for other components to use as triggers 

package/assets/ts/modules/dynamicEvents.ts

@@ -6,26 +6,22 @@ const createDynamicEvents = () => {
   // Change event
   document.addEventListener('change', (event) => {
     if (event && event.target instanceof HTMLElement && event.target.closest('[data-change-events]'))
-      readMatches(event.target,event.target.closest('[data-change-events]').getAttribute('data-change-events'));
-  });
-  document.addEventListener('change', (event) => {
-    if (event && event.target instanceof HTMLElement && event.target.closest('[data-change-events]'))
-      readMatches(event.target,event.target.closest('[data-change-events]').getAttribute('data-change-events'));
+      splitEvents(event.target,event.target.closest('[data-change-events]').getAttribute('data-change-events'));
   });
   document.addEventListener('keyup', (event) => {
     if (event && event.target instanceof HTMLElement && event.target.closest('[data-change-events]'))
-      readMatches(event.target,event.target.closest('[data-change-events]').getAttribute('data-change-events'));
+      splitEvents(event.target,event.target.closest('[data-change-events]').getAttribute('data-change-events'));
   });
 
   // Click event
   document.addEventListener('click', (event) => {
     if (event && event.target instanceof HTMLElement && event.target.closest('[data-click-events]'))
-      readMatches(event.target,event.target.closest('[data-click-events]').getAttribute('data-click-events'));
+      splitEvents(event.target,event.target.closest('[data-click-events]').getAttribute('data-click-events'));
   });
 };
 
 // Parse the JSON and trigger the events, this may be singular or multiple set of events
-const readMatches = (element,events) => {
+const splitEvents = (element,events) => {
 
   // an empty events will trigger looking up the dom chain for 
   if(!events){
@@ -38,11 +34,11 @@ const readMatches = (element,events) => {
 
   // Split out each event
   Array.from(JSON.parse(events)).forEach((event, index) => {
-    checkMatch(element,event);
+    checkConditions(element,event);
   });
 };
     
-const checkMatch = (element,event) => {
+const checkConditions = (element,event) => {
 
   if("matches" in event){
     if(event['matches'] == 'any')
@@ -55,12 +51,16 @@ const checkMatch = (element,event) => {
     return false;
   }
   else if("in-list" in event){
+
+    // Pass the matched datalist element instead of the triggered element
+    let match = document.querySelector(`${event['in-list']} option[value="${element.value}"]`);
+
     if(document.querySelector(`${event['in-list']} option[value="${element.value}"]`)){
-      let match = document.querySelector(`${event['in-list']} option[value="${element.value}"]`);
-      runEvent(element,event,'if',match);
+
+      runEvent(match,event,'if');
     }
     else
-      runEvent(element,event,'else');
+      runEvent(match,event,'else');
 
     return false;
   }
@@ -69,7 +69,7 @@ const checkMatch = (element,event) => {
   }
 };
 
-const runEvent = (element,event,eventType,match) => {
+const runEvent = (element,event,eventType) => {
 
   if(eventType in event == false)
     return false;
@@ -97,7 +97,7 @@ const runEvent = (element,event,eventType,match) => {
       });
       break;
     case "populate-form":
-      populateForm(element,event,match);
+      populateForm(element,event);
       break;
     case "setAttribute":
       document.querySelector(`${event['target']}`).setAttribute(event['attribute'],event['value']);
@@ -116,27 +116,27 @@ const runEvent = (element,event,eventType,match) => {
   }
 }
 
-const populateForm = function (element,event,match) {
+const populateForm = function (element,event) {
   
-  let response = JSON.parse(match.getAttribute('data-values'));
+  let values = JSON.parse(element.getAttribute('data-values'));
   let form = document.querySelector(event['target']);
 
-  Object.keys(response).forEach((field, index) => {
+  Object.keys(values).forEach((field, index) => {
 
     if(document.getElementById(field) && document.getElementById(field).tagName == "SPAN")
-      document.getElementById(field).innerHTML = response[field];
+      document.getElementById(field).innerHTML = values[field];
     
-    if(form.querySelector(`input[name="${field}"][type="radio"][value="${response[field]}"]`)){
+    if(form.querySelector(`input[name="${field}"][type="radio"][value="${values[field]}"]`)){
       
       Array.from(form.querySelectorAll(`input[name="${field}"][type="radio"]`)).forEach(function(input,index){
         input.disabled = true;
       });
 
-      form.querySelector(`input[name="${field}"][type="radio"][value="${response[field]}"]`).checked = true;
-      form.querySelector(`input[name="${field}"][type="radio"][value="${response[field]}"]`).disabled = false;
+      form.querySelector(`input[name="${field}"][type="radio"][value="${values[field]}"]`).checked = true;
+      form.querySelector(`input[name="${field}"][type="radio"][value="${values[field]}"]`).disabled = false;
     }
     else if(form.querySelector(`input[name="${field}"]`)){
-      form.querySelector(`input[name="${field}"]`).value = response[field];
+      form.querySelector(`input[name="${field}"]`).value = values[field];
       form.querySelector(`input[name="${field}"]`).setAttribute('readonly','true');
     }
   });

package/dist/components.es.js

@@ -48,7 +48,7 @@ function At(e, a, t, i, s, r) {
 }
 const Xo = /* @__PURE__ */ A(yt, [["render", At]]);
 /*!
-  * iamKey v4.1.1-beta-3
+  * iamKey v4.1.1-beta-4
   * Copyright 2022-2023 iamproperty
   */
 const _t = function(e) {
@@ -557,7 +557,7 @@ class Ct extends HTMLElement {
   }
 }
 /*!
-  * iamKey v4.1.1-beta-3
+  * iamKey v4.1.1-beta-4
   * Copyright 2022-2023 iamproperty
   */
 let nt = class extends HTMLElement {
@@ -654,7 +654,7 @@ let nt = class extends HTMLElement {
         break;
       }
       case "data-page": {
-        t != i && (this.setup(), this.dispatchEvent(new CustomEvent("update-page", { detail: { page: i } })));
+        t && t != i && (this.setup(), this.dispatchEvent(new CustomEvent("update-page", { detail: { page: i } })));
         break;
       }
     }
@@ -1143,7 +1143,7 @@ function be(e, a, t, i, s, r) {
 }
 const Qo = /* @__PURE__ */ A(pe, [["render", be]]);
 /*!
-  * iamKey v4.1.1-beta-3
+  * iamKey v4.1.1-beta-4
   * Copyright 2022-2023 iamproperty
   */
 function fe(e) {
@@ -1294,7 +1294,7 @@ const ai = /* @__PURE__ */ A(ke, [["render", He]]), Ce = {
   name: "Card",
   mounted() {
     this.$nextTick(function() {
-      import("./card.component.min-ce4c015c.mjs").then((e) => {
+      import("./card.component.min-4c5e6a38.mjs").then((e) => {
         window.customElements.get("iam-card") || window.customElements.define("iam-card", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -1495,7 +1495,7 @@ function We(e, a, t, i, s, r) {
 }
 const oi = /* @__PURE__ */ A(De, [["render", We]]);
 /*!
-  * iamKey v4.1.1-beta-3
+  * iamKey v4.1.1-beta-4
   * Copyright 2022-2023 iamproperty
   */
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "header" });
@@ -1941,7 +1941,7 @@ const si = /* @__PURE__ */ A(va, [["render", Ha]]), Ca = {
   name: "Nav",
   mounted() {
     this.$nextTick(function() {
-      import("./nav.component.min-09f60243.mjs").then((e) => {
+      import("./nav.component.min-5b4af36e.mjs").then((e) => {
         window.customElements.get("iam-nav") || window.customElements.define("iam-nav", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -2058,7 +2058,7 @@ function Za(e, a, t, i, s, r) {
 }
 const ui = /* @__PURE__ */ A(Xa, [["render", Za]]);
 /*!
-  * iamKey v4.1.1-beta-3
+  * iamKey v4.1.1-beta-4
   * Copyright 2022-2023 iamproperty
   */
 const to = function(e) {
@@ -2259,7 +2259,7 @@ function vo(e, a, t, i, s, r) {
 }
 const bi = /* @__PURE__ */ A(ho, [["render", vo]]);
 /*!
-  * iamKey v4.1.1-beta-3
+  * iamKey v4.1.1-beta-4
   * Copyright 2022-2023 iamproperty
   */
 function wo(e, a) {
@@ -2350,7 +2350,7 @@ function xo(e, a, t, i, s, r) {
 }
 const gi = /* @__PURE__ */ A(_o, [["render", xo]]);
 /*!
-  * iamKey v4.1.1-beta-3
+  * iamKey v4.1.1-beta-4
   * Copyright 2022-2023 iamproperty
   */
 function Lo(e, a) {
@@ -2517,7 +2517,7 @@ function Co(e, a, t, i, s, r) {
 }
 const vi = /* @__PURE__ */ A(Ho, [["render", Co]]);
 /*!
-  * iamKey v4.1.1-beta-3
+  * iamKey v4.1.1-beta-4
   * Copyright 2022-2023 iamproperty
   */
 const Ro = function(e) {
@@ -2697,7 +2697,7 @@ class Do extends HTMLElement {
     i.innerHTML = `
     <style>
     @import "${t}";
-    .actionbar__wrapper{position:relative;z-index:10;height:4.25rem;container-type:inline-size}.views,.selectall{position:absolute !important;top:50%;left:1.5rem;transform:translate(0, -50%);z-index:10}@media screen and (min-width: 36em){.views,.selectall{left:2rem}}.views .btn-action:not(:last-child),.selectall .btn-action:not(:last-child){margin-right:0.25rem !important}.selectall{width:2.5rem;overflow:hidden}.selectall label{height:2.5rem}@media screen and (min-width: 36em){.selectall{width:auto;overflow:visible}}.actionbar [data-search]{display:none}:host([data-search]) .actionbar [data-search]{display:block;margin-left:1rem !important}:is(.actionbar,.actionbar--selected,.actionbar--search){border-top-left-radius:0.625rem;border-top-right-radius:0.625rem;padding:0 1.5rem;flex-wrap:nowrap;justify-content:flex-end;align-items:center;height:4.25rem;inset:0}@supports selector(:has(*)){:is(.actionbar,.actionbar--selected,.actionbar--search){position:absolute}}@container (width > 23.4375em){:is(.actionbar,.actionbar--selected,.actionbar--search){padding:0 2rem}}.actionbar{display:flex}.actionbar--selected{background-color:var(--colour-canvas);display:flex;pointer-events:none}@media screen and (prefers-color-scheme: light){.actionbar--selected{background-color:#e6eaec}}@supports selector(:has(*)){.actionbar--selected{opacity:0}}.actionbar--search{background-color:var(--colour-canvas);display:flex;z-index:2;position:relative;opacity:0;pointer-events:none}@media screen and (prefers-color-scheme: light){.actionbar--search{background-color:#e6eaec}}.selectall:has(input:checked)~.actionbar,.selectall:has(input:indeterminate)~.actionbar{opacity:0;pointer-events:none}.selectall:has(input:checked)~.actionbar--selected,.selectall:has(input:indeterminate)~.actionbar--selected{opacity:1;pointer-events:all}.actionbar--search.show{opacity:1;pointer-events:all}.actionbar__wrapper:has(.actionbar--search.show)>*:not(.actionbar--search.show){opacity:0;pointer-events:none}::slotted(*:not([slot=overflow])){margin-top:0 !important;margin-bottom:0 !important;margin-left:1rem !important;margin-right:0 !important}::slotted(.btn:not(.btn-action)){order:2}::slotted([data-single]){pointer-events:none;opacity:.5}:host([data-selected="1"]) ::slotted([data-single]){pointer-events:all;opacity:1}::slotted(hr){height:2rem;color:#9d9d9d !important;width:1px;display:none}@container (width > 48em){::slotted(hr){display:block}}.safe-area{display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;width:13.125rem;overflow:visible;position:relative}@container (width > 23.4375em){.safe-area{width:28.125rem}}@container (width > 48em){.safe-area{width:46.875rem}}.safe-area .body{display:contents}:host([data-switchviews]) .safe-area{width:9rem}::slotted(.btn-compact[slot=selected-overflow]),::slotted(.btn-compact[slot=overflow]){max-width:none !important;text-indent:0 !important;width:auto !important;text-align:left !important;padding-left:0 !important;background:none !important;border:none !important}::slotted(.btn-compact[slot=selected-overflow]):before,::slotted(.btn-compact[slot=overflow]):before{position:static !important;line-height:inherit !important}.dialog__wrapper.dialog-overflow{margin-left:.5rem;margin-right:-0.5rem}.actionbar--search .btn{margin-left:-0.75rem !important;margin-right:auto !important}.search-wrapper{width:calc(100% - 3.25rem);max-width:21.875rem !important;margin:0 !important}@container (width > 48em){.search-wrapper{max-width:28.125rem !important}}.search-wrapper input{padding-top:0.5rem;padding-bottom:0.5rem;min-height:2.5rem !important;max-height:2.5rem !important}.search-wrapper :is(.prefix,.suffix){padding:0.5rem !important;min-height:2.5rem !important;max-height:2.5rem !important;min-width:2.5rem !important;max-width:2.5rem !important;line-height:1.5rem !important}/*# sourceMappingURL=assets/css/components/actionbar.css.map */
+    .actionbar__wrapper{position:relative;z-index:10;height:4.25rem;container-type:inline-size}.views,.selectall{position:absolute !important;top:50%;left:1.5rem;transform:translate(0, -50%);z-index:10}@media screen and (min-width: 36em){.views,.selectall{left:2rem}}.views .btn-action:not(:last-child),.selectall .btn-action:not(:last-child){margin-right:0.25rem !important}.selectall{width:2.5rem;overflow:hidden}.selectall label{height:2.5rem}@media screen and (min-width: 36em){.selectall{width:auto;overflow:visible}}.actionbar [data-search]{display:none}:host([data-search]) .actionbar [data-search]{display:block;margin:0 0 0 1rem}:is(.actionbar,.actionbar--selected,.actionbar--search){border-top-left-radius:0.625rem;border-top-right-radius:0.625rem;padding:0 1.5rem;flex-wrap:nowrap;justify-content:flex-end;align-items:center;height:4.25rem;inset:0}@supports selector(:has(*)){:is(.actionbar,.actionbar--selected,.actionbar--search){position:absolute}}@container (width > 23.4375em){:is(.actionbar,.actionbar--selected,.actionbar--search){padding:0 2rem}}.actionbar{display:flex}.actionbar--selected{background-color:var(--colour-canvas);display:flex;pointer-events:none}@media screen and (prefers-color-scheme: light){.actionbar--selected{background-color:#e6eaec}}@supports selector(:has(*)){.actionbar--selected{opacity:0}}.actionbar--search{background-color:var(--colour-canvas);display:flex;z-index:2;position:relative;opacity:0;pointer-events:none}@media screen and (prefers-color-scheme: light){.actionbar--search{background-color:#e6eaec}}.selectall:has(input:checked)~.actionbar,.selectall:has(input:indeterminate)~.actionbar{opacity:0;pointer-events:none}.selectall:has(input:checked)~.actionbar--selected,.selectall:has(input:indeterminate)~.actionbar--selected{opacity:1;pointer-events:all}.actionbar--search.show{opacity:1;pointer-events:all}.actionbar__wrapper:has(.actionbar--search.show)>*:not(.actionbar--search.show){opacity:0;pointer-events:none}::slotted(*:not([slot=overflow])){margin-top:0 !important;margin-bottom:0 !important;margin-left:1rem !important;margin-right:0 !important}::slotted(.btn:not(.btn-action)){order:2}::slotted([data-single]){pointer-events:none;opacity:.5}:host([data-selected="1"]) ::slotted([data-single]){pointer-events:all;opacity:1}::slotted(hr){height:2rem;color:#9d9d9d !important;width:1px;display:none}@container (width > 48em){::slotted(hr){display:block}}.safe-area{display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;width:13.125rem;overflow:visible;position:relative}@container (width > 23.4375em){.safe-area{width:28.125rem}}@container (width > 48em){.safe-area{width:46.875rem}}.safe-area .body{display:contents}:host([data-switchviews]) .safe-area{width:9rem}::slotted(.btn-compact[slot=selected-overflow]),::slotted(.btn-compact[slot=overflow]){max-width:none !important;text-indent:0 !important;width:auto !important;text-align:left !important;padding-left:0 !important;background:none !important;border:none !important}::slotted(.btn-compact[slot=selected-overflow]):before,::slotted(.btn-compact[slot=overflow]):before{position:static !important;line-height:inherit !important}.dialog__wrapper.dialog-overflow{margin-left:.5rem;margin-right:-0.5rem}.actionbar--search .btn{margin:0;margin-left:-0.75rem !important;margin-right:auto !important}.search-wrapper{width:calc(100% - 3.25rem);max-width:21.875rem !important;margin:0 !important}@container (width > 48em){.search-wrapper{max-width:28.125rem !important}}.search-wrapper input{padding-top:0.5rem;padding-bottom:0.5rem;min-height:2.5rem !important;max-height:2.5rem !important}.search-wrapper :is(.prefix,.suffix){padding:0.5rem !important;min-height:2.5rem !important;max-height:2.5rem !important;min-width:2.5rem !important;max-width:2.5rem !important;line-height:1.5rem !important}/*# sourceMappingURL=assets/css/components/actionbar.css.map */
 
     ${this.hasAttribute("css") ? `@import "${this.getAttribute("css")}";` : ""}
     </style>
@@ -2714,7 +2714,7 @@ class Do extends HTMLElement {
                 <slot name="menu"></slot>
               </dialog>
             </div>
-            <button class="btn btn-secondary btn-compact btn-sm fa-search m-0" data-search="">Search</button>
+            <button class="btn btn-secondary btn-compact btn-sm fa-search" data-search="">Search</button>
           </div>
         </div>
       </div>
@@ -2902,7 +2902,7 @@ const Ai = /* @__PURE__ */ A(Fo, [["render", Io]]), Bo = (e, a) => {
   name: "Address Lookup",
   mounted() {
     this.$nextTick(function() {
-      Bo(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/address-lookup/address-lookup.component.js": () => import("./address-lookup.component-91ec1e33.mjs"), "../../../assets/js/components/address-lookup/address-lookup.component.min.js": () => import("./address-lookup.component.min-f9466f04.mjs") }), "../../../assets/js/components/address-lookup/address-lookup.component.js").then((e) => {
+      Bo(/* @__PURE__ */ Object.assign({ "../../../assets/js/components/address-lookup/address-lookup.component.js": () => import("./address-lookup.component-9a910361.mjs"), "../../../assets/js/components/address-lookup/address-lookup.component.min.js": () => import("./address-lookup.component.min-462972f3.mjs") }), "../../../assets/js/components/address-lookup/address-lookup.component.js").then((e) => {
         window.customElements.get("iam-address-lookup") || window.customElements.define("iam-address-lookup", e.default);
       }).catch((e) => {
         console.log(e.message);
@@ -2917,7 +2917,7 @@ function Vo(e, a, t, i, s, r) {
 }
 const _i = /* @__PURE__ */ A(Oo, [["render", Vo]]);
 /*!
-  * iamKey v4.1.1-beta-3
+  * iamKey v4.1.1-beta-4
   * Copyright 2022-2023 iamproperty
   */
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "collapsible side menu" });