@iamproperty/components 3.7.9-beta → 3.7.9

package/assets/js/tests/filterlist.spec.js

@@ -12,7 +12,7 @@ const listHTML = `
 <li class="lead text-primary pb-1">Benjamin Lee</li>
 `;
 describe('addDataAttributes', () => {
-    let list = document.createElement('ul');
+    let list = document.createElement('div');
     list.innerHTML = listHTML;
     filterTheList(list, "Lucas");
     test('should add a class of d-none to each item except the one containing Lucas Myers', () => {

package/assets/sass/components/dialog.scss

@@ -279,7 +279,7 @@ dialog::backdrop {
       height: 2px;
       background: currentColor;
       z-index: 1;
-      opacity: 0.5;
+      background: linear-gradient(90deg, var(--colour-success) 0%, var(--colour-success) var(--progress, 0%), rgba(255,255,255,0.5) var(--progress, 0%), rgba(255,255,255,0.5) 100%);
     }
 
     button {
@@ -287,7 +287,7 @@ dialog::backdrop {
       position: relative;
       background: transparent;
       border: none;
-      color: inherit;
+      color: rgba($color: #ffffff, $alpha: 0.5);
       height: rem(24);
       line-height: rem(24);
       width: rem(24);
@@ -314,8 +314,35 @@ dialog::backdrop {
         border-radius: 50%;
       }
 
-      &:not(.active):before {
-        opacity: 0.5;
+      &:not(.active):not(.valid) {
+        
+        pointer-events: none;
+
+        &:before {
+          opacity: 0.5;
+        }
+      }
+
+      &.active {
+        color: var(--colour-white);
+      }
+      &.valid {
+        color: var(--colour-success);
+      }
+    }
+
+    @media screen and (prefers-color-scheme: dark) {
+
+      button {
+        
+        color: rgba($color: #000000, $alpha: 0.5);
+
+        &.active {
+          color: black;
+        }
+        &.valid {
+          color: var(--colour-complete);
+        }
       }
     }
   }
@@ -569,3 +596,39 @@ dialog::backdrop {
   display: none;
 }
 // #endregion
+
+// #region mobile fullwidth view 
+@media screen and (max-width: 36em) {
+
+  dialog[open].dialog--sm-fullpage,
+  .js-enabled *:not(.dialog__wrapper) > dialog[open].dialog--multi {
+
+    min-width: 100%;
+    min-height: 100%;
+    border-radius: 0;
+    overflow-y: auto;
+
+    .btn--wrapper {
+      padding-top: rem(64);
+    }
+  }
+
+  dialog[open].dialog--sm-fullpage {
+    
+    .mh-lg {
+      max-height: none!important;
+      overflow: visible;
+    }
+
+    &:before,
+    *:first-child {
+      margin-top: auto!important;
+    }
+
+    *:last-child {
+
+      margin-bottom: auto!important;
+    }
+  }
+}
+// #endregion

package/assets/ts/components/card/card.component.ts

@@ -76,8 +76,8 @@ class iamCard extends HTMLElement {
         const inputName = input.getAttribute('name');
         const inputID = input.getAttribute('id');
 
-        const inputs = Array.from(document.querySelectorAll(`[name="${inputName}"]:not([id="${inputID}"])`));
-    
+        // Mimic radio button functionality
+        const inputs = Array.from(document.querySelectorAll(`[name="${inputName}"][type="radio"]:not([id="${inputID}"])`));
         inputs.forEach((input, index) => {
           
           const otherCard = document.querySelector(`[for="${input.getAttribute('id')}"] iam-card`);

package/assets/ts/modules/dialogs.ts

@@ -3,6 +3,20 @@ import { createEmbed } from "./youtubevideo";
 
 const extendDialogs = (body) => {
 
+  Array.from(body.querySelectorAll('dialog[open]')).forEach((dialog, index) => {
+
+    let parent = dialog.closest('.dialog__wrapper');
+
+    if(!parent){
+        
+      dialog.removeAttribute('open');
+      dialog.showModal();
+      dialog.focus();
+
+      createDialog(dialog);
+    }
+  });
+
   // Dialogs/modals
   body.addEventListener('click', (event) => {
 
@@ -15,20 +29,6 @@ const extendDialogs = (body) => {
       
       createDialog(dialog);
 
-      
-      // Prevent the user from escaping the model when transactional
-      if(dialog.querySelector(':scope > .mh-lg > form:last-child > button:last-child, :scope > .mh-lg > button:last-child') && !dialog.classList.contains('dialog--multi')) {
-        dialog.addEventListener("cancel", (e) => {
-          e.preventDefault();
-        });        
-      }
-
-      // Create the video embed
-      let videoButton = dialog.querySelector('.youtube-embed a');
-      if (videoButton){
-        createEmbed(videoButton)
-      }
-
       // Open the modal!
       dialog.showModal();
       dialog.focus();
@@ -181,6 +181,19 @@ const extendDialogs = (body) => {
 
 export const createDialog = (dialog) => {
 
+  // Prevent the user from escaping the model when transactional
+  if(dialog.querySelector(':scope > .mh-lg > form:last-child > button:last-child, :scope > .mh-lg > button:last-child') && !dialog.classList.contains('dialog--multi')) {
+    dialog.addEventListener("cancel", (e) => {
+      e.preventDefault();
+    });        
+  }
+
+  // Create the video embed
+  let videoButton = dialog.querySelector('.youtube-embed a');
+  if (videoButton){
+    createEmbed(videoButton)
+  }
+
   // Multi dialog
   if(dialog.classList.contains('dialog--multi') && !dialog.querySelector(':scope > .steps')) {
     createMultiFormDialog(dialog);
@@ -209,33 +222,97 @@ export const createDialog = (dialog) => {
 
 }
 
-const createMultiFormDialog = (dialog) => {
+export const createMultiFormDialog = (dialog) => {
+
   let buttons = "";
   let fieldsets = Array.from(dialog.querySelectorAll('fieldset[data-title]'));
+
   fieldsets.forEach((fieldset,index) => {
-    buttons += `<button data-title="${fieldset.getAttribute('data-title')}" type="button" class="${index == 0 ? "active":""}">${fieldset.getAttribute('data-title')}</button>`;
+    buttons += `<button data-title="${fieldset.getAttribute('data-title')}" type="button" class="${index == 0 ? "active":""}" tabindex="-1">${fieldset.getAttribute('data-title')}</button>`;
 
     const btnWrapper = document.createElement("div");
     btnWrapper.classList.add('btn--wrapper');
     fieldset.appendChild(btnWrapper);
     
-
     if(index != 0)
-      btnWrapper.innerHTML += `<button data-title="${fieldsets[index-1].getAttribute('data-title')}" class="btn btn-secondary mb-0" type="button">Previous</button>`;
+      btnWrapper.innerHTML += `<button data-title="${fieldsets[index-1].getAttribute('data-title')}" class="btn btn-secondary mb-0" data-previous type="button">Previous</button>`;
 
     if(index != fieldsets.length - 1)
-      btnWrapper.innerHTML += `<button data-title="${fieldsets[index+1].getAttribute('data-title')}" class="btn btn-primary mb-0" type="button">Next</button>`;
+      btnWrapper.innerHTML += `<button data-title="${fieldsets[index+1].getAttribute('data-title')}" class="btn btn-primary mb-0" data-next type="button">Next</button>`;
 
     if(index == fieldsets.length - 1)
-      btnWrapper.innerHTML += `<button class="btn btn-primary mb-0">Submit</button>`;
+      btnWrapper.innerHTML += `<button data-title="${fieldsets[index].getAttribute('data-title')}" class="btn btn-primary mb-0" data-next type="submit">Submit</button>`;
   });
 
   dialog.innerHTML = `<div class="steps bg-primary">${buttons}</div>${dialog.innerHTML}`;
 
 
-  dialog.addEventListener('click', (event) => {
-    if (event && event.target instanceof HTMLElement && event.target.closest('button[data-title]')){
-      const button = event.target.closest('button[data-title]');
+  // Open the fieldset with an error inside
+  let validatedFieldsets = Array.from(dialog.querySelectorAll('fieldset.was-validated'));
+  for (let i = 0; i < validatedFieldsets.length; i++) {
+
+    let fieldset = validatedFieldsets[i];
+    let fieldsetID = fieldset.getAttribute('data-title');
+    
+    if(fieldset.querySelector('.is-invalid')){
+
+      Array.from(dialog.querySelectorAll(`[data-title="${fieldsetID}"]`)).forEach((element, index) => {
+
+        element.classList.add('active');
+      });
+
+      break;
+    }
+    else {
+
+      Array.from(dialog.querySelectorAll(`[data-title="${fieldsetID}"]`)).forEach((element, index) => {
+
+        element.classList.add('valid');
+      });
+    }
+  }
+
+  // Prevent the bubble messages
+  dialog.addEventListener('invalid', (function () {
+    return function (e) {
+      e.preventDefault();
+    };
+  })(), true);
+
+
+  function validateFieldset(button){
+
+    const currentFieldset = dialog.querySelector(`fieldset.active`) ? dialog.querySelector(`fieldset.active`) : dialog.querySelector(`fieldset[data-title]`);
+    const currentFieldsetID = currentFieldset.getAttribute('data-title');
+    let isFieldsetValid = true;
+
+    currentFieldset.classList.add('was-validated');
+
+    Array.from(currentFieldset.querySelectorAll('input')).forEach((input, index) => {
+
+      if (!input.checkValidity())
+        isFieldsetValid = false;
+    });
+
+    // If valid mode to next field set
+    if(!isFieldsetValid){
+
+      Array.from(dialog.querySelectorAll(`[data-title="${currentFieldsetID}"]`)).forEach((element, index) => {
+
+        element.classList.remove('valid');
+      });
+    }
+    else {
+
+      Array.from(dialog.querySelectorAll(`[data-title="${currentFieldsetID}"]`)).forEach((element, index) => {
+
+        element.classList.add('valid');
+      });
+    }
+
+    // Allow the previous button to navigate
+    if(isFieldsetValid || !button.hasAttribute('data-next')){
+
       const fieldset = dialog.querySelector(`fieldset[data-title="${button.getAttribute('data-title')}"]`);
       const step = dialog.querySelector(`.steps button[data-title="${button.getAttribute('data-title')}"]`);
 
@@ -248,6 +325,44 @@ const createMultiFormDialog = (dialog) => {
 
       step.classList.add('active');
       fieldset.classList.add('active');
+    }
+
+
+    let fieldsetCount = Array.from(dialog.querySelectorAll(`fieldset`)).length;
+    let validFieldsetCount = Array.from(dialog.querySelectorAll(`fieldset.valid`)).length;
+
+    // update the progress bar
+    dialog.style.setProperty('--progress', `${(validFieldsetCount/(fieldsetCount - 1) * 100)}%`);
+  }
+
+  // remove error messages from server
+  dialog.addEventListener('keydown', (event) => {
+    if (event && event.target instanceof HTMLElement && event.target.closest('button')){
+
+      const button = event.target.closest('button');
+
+      if(event.keyCode == 13){
+        
+        event.preventDefault();
+        validateFieldset(button);
+      }
+    }
+
+    if (event && event.target instanceof HTMLElement && event.target.closest('input')){
+      const input = event.target.closest('input');
+
+      input.classList.remove('is-invalid');
+
+
+    }
+  });
+
+
+  dialog.addEventListener('click', (event) => {
+    if (event && event.target instanceof HTMLElement && event.target.closest('button[data-title]')){
+
+      const button = event.target.closest('button[data-title]');
+      validateFieldset(button);
     };
     return null
   });

package/assets/ts/tests/dialogs.spec.js

@@ -0,0 +1,50 @@
+// @ts-nocheck
+import '@testing-library/jest-dom'
+import { createMultiFormDialog } from "../modules/dialogs";
+
+
+describe('createMultiFormDialog', () => {
+  let dialog;
+
+  beforeEach(() => {
+    // Create a fresh dialog element before each test
+    dialog = document.createElement('dialog');
+    dialog.innerHTML = `
+      <fieldset data-title="fieldset1">
+        <input type="text" >
+      </fieldset>
+      <fieldset data-title="fieldset2">
+        <input type="text" >
+      </fieldset>
+    `;
+  });
+
+  test('it initializes buttons and fieldsets', () => {
+    createMultiFormDialog(dialog);
+
+    expect(dialog.querySelectorAll('.steps').length).toEqual(1);
+  });
+
+  test('it validates fieldsets and updates classes', () => {
+    createMultiFormDialog(dialog);
+
+    // Simulate a button click to trigger validation
+    const button = dialog.querySelector('button[data-title="fieldset1"]');
+    button.click();
+
+    // Add your assertions here to check if validation and class updates are working as expected
+    expect(dialog.querySelectorAll('fieldset[data-title="fieldset1"].active').length).toEqual(1);
+  });
+
+  test('it navigates to the next fieldset', () => {
+    createMultiFormDialog(dialog);
+
+    // Simulate a button click to navigate to the next fieldset
+    const button = dialog.querySelector('button[data-title="fieldset2"]');
+    button.click();
+
+    // Add your assertions here to check if navigation to the next fieldset is working
+    expect(dialog.querySelectorAll('fieldset[data-title="fieldset2"].active').length).toEqual(1);
+  });
+
+});

package/assets/ts/tests/filterlist.spec.ts

@@ -16,7 +16,7 @@ const listHTML = `
 
 describe('addDataAttributes', () => {
 
-  let list = document.createElement('ul');
+  let list = document.createElement('div');
   list.innerHTML = listHTML;
 
   filterTheList(list, "Lucas");

package/dist/components.es.js

@@ -48,7 +48,7 @@ function ge(t, a, e, r, i, o) {
 }
 const _e = /* @__PURE__ */ S(be, [["render", ge]]);
 /*!
-  * iamKey v3.7.9-beta
+  * iamKey v3.7.9
   * Copyright 2022-2023 iamproperty
   */
 const ve = function(t) {
@@ -962,7 +962,7 @@ function ht(t, a, e, r, i, o) {
 }
 const nr = /* @__PURE__ */ S(mt, [["render", ht]]);
 /*!
-  * iamKey v3.7.9-beta
+  * iamKey v3.7.9
   * Copyright 2022-2023 iamproperty
   */
 function ft(t) {
@@ -1113,7 +1113,7 @@ const ur = /* @__PURE__ */ S(St, [["render", Tt]]), Mt = {
   name: "Card",
   mounted() {
     this.$nextTick(function() {
-      import("./card.component.min-d04c3ee7.mjs").then((t) => {
+      import("./card.component.min-e1d5b078.mjs").then((t) => {
         window.customElements.get("iam-card") || window.customElements.define("iam-card", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1314,7 +1314,7 @@ function Vt(t, a, e, r, i, o) {
 }
 const mr = /* @__PURE__ */ S(Nt, [["render", Vt]]);
 /*!
-  * iamKey v3.7.9-beta
+  * iamKey v3.7.9
   * Copyright 2022-2023 iamproperty
   */
 window.dataLayer = window.dataLayer || [], window.dataLayer.push({ event: "customElementRegistered", element: "header" });
@@ -2092,7 +2092,7 @@ function ks(t, a, e, r, i, o) {
 }
 const gr = /* @__PURE__ */ S(As, [["render", ks]]);
 /*!
-  * iamKey v3.7.9-beta
+  * iamKey v3.7.9
   * Copyright 2022-2023 iamproperty
   */
 const qs = function(t) {
@@ -2281,7 +2281,7 @@ function Vs(t, a, e, r, i, o) {
 }
 const wr = /* @__PURE__ */ S(Is, [["render", Vs]]);
 /*!
-  * iamKey v3.7.9-beta
+  * iamKey v3.7.9
   * Copyright 2022-2023 iamproperty
   */
 function Us(t, a) {
@@ -2373,7 +2373,7 @@ function Ks(t, a, e, r, i, o) {
 }
 const Ar = /* @__PURE__ */ S(Gs, [["render", Ks]]);
 /*!
-  * iamKey v3.7.9-beta
+  * iamKey v3.7.9
   * Copyright 2022-2023 iamproperty
   */
 function Ys(t, a) {

package/dist/components.umd.js

@@ -1,5 +1,5 @@
 (function(y,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(y=typeof globalThis<"u"?globalThis:y||self,e(y.iamkey={},y.Vue))})(this,function(y,e){"use strict";const k=(a,o)=>{const t=a.__vccOpts||a;for(const[r,s]of o)t[r]=s;return t},X={name:"Logo",props:{id:{type:String,required:!1,default:"property"},path:{type:String,required:!1,default:"/svg/logo.svg"},desc:{type:String}},computed:{src:function(){return"#logo-"+this.id},className:function(){return"brand brand--"+this.id}}},J=["xlink:href"],Q=["innerHTML"];function ee(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(i.className)},[(e.openBlock(),e.createElementBlock("svg",null,[e.createElementVNode("title",null,"iam "+e.toDisplayString(t.id),1),e.createElementVNode("use",{"xlink:href":t.path+i.src},null,8,J)])),t.desc?(e.openBlock(),e.createElementBlock("span",{key:0,innerHTML:t.desc},null,8,Q)):e.createCommentVNode("",!0)],2)}const P=k(X,[["render",ee]]);/*!
-  * iamKey v3.7.9-beta
+  * iamKey v3.7.9
   * Copyright 2022-2023 iamproperty
   */const te=function(a){return typeof a!="string"?!1:!isNaN(a)&&!isNaN(parseFloat(a))},ae=(a,o)=>String(a).padStart(o,"0"),oe=a=>a.charAt(0).toUpperCase()+a.slice(1),$=function(a,o){if(!a.getAttribute("data-pages"))return!1;a.getAttribute("data-page")||a.setAttribute("data-page",1);let t=a.getAttribute("data-page"),r=a.getAttribute("data-pages"),s=a.getAttribute("data-total"),i=a.getAttribute("data-show"),n=a.getAttribute("data-increment");if(r<=1)return o.innerHTML="",!1;let l="";for(let d=1;d<=r;d++)d==t?l+=`<li class="page-item active" aria-current="page"><span class="page-link">${d}</span></li>`:l+=`<li class="page-item"><a href="?page=${d}" class="page-link" data-page="${d}">${d}</a></li>`;return o.innerHTML=`<ul class="pagination mb-0 d-none d-sm-flex">
     ${t==1?'<li class="page-item disabled"><span class="page-link">Previous</span></li>':`<li class="page-item"><a href="?page=${parseInt(t)-1}" class="page-link" data-page="${parseInt(t)-1}">Previous</a></li>`}
@@ -47,7 +47,7 @@
       <div class="files"></div>
     </div>
     `,this.shadowRoot.appendChild(s.content.cloneNode(!0))}connectedCallback(){this.innerHTML+='<i class="fa-regular fa-arrow-up-from-bracket me-2" aria-hidden="true" slot="btn"></i>';const o=this.shadowRoot.querySelector(".file-upload"),t=this.querySelector("input"),r=this.shadowRoot.querySelector(".helper-text");r.innerHTML=`${this.hasAttribute("data-maxsize")?`Max file size is ${this.getAttribute("data-maxsize")}kb. `:""}${t.hasAttribute("accept")?`Supported file types are ${t.getAttribute("accept")}`:""}`,Ue(this,o)}}const Ge={name:"FileUpload",props:{maxfilesize:{type:Number,required:!1},maxfiles:{type:Number,required:!1}},mounted(){this.$nextTick(function(){window.customElements.get("iam-fileupload")||window.customElements.define("iam-fileupload",We)})}};function Ke(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-fileupload",null,[e.renderSlot(a.$slots,"default")])}const Ye=k(Ge,[["render",Ke]]);/*!
-  * iamKey v3.7.9-beta
+  * iamKey v3.7.9
   * Copyright 2022-2023 iamproperty
   */function Ze(a){let o=a.querySelectorAll("details"),t=a.querySelectorAll("summary");if(o.forEach(r=>{r.classList.add("accordion-item")}),t.forEach(r=>{r.classList.add("accordion-header"),r.classList.add("accordion-button"),r.classList.add("h4")}),!a.classList.contains("accordion--keep-open")){const r=a.querySelectorAll(":scope > details");r.forEach(s=>{s.addEventListener("click",()=>{r.forEach(i=>{i!==s&&i.removeAttribute("open")})})})}}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"accordion"});let Xe=class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${o}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
     <style>
@@ -60,7 +60,7 @@
       <slot></slot>
     </div>
     `,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){Ze(this)}};const sr="";window.customElements.get("iam-accordion")||window.customElements.define("iam-accordion",Xe);const Je={name:"Accordion",props:{},mounted(){}},Qe={ref:"wrapper"};function et(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-accordion",Qe,[e.renderSlot(a.$slots,"default")],512)}const tt=k(Je,[["render",et]]),at={name:"AccordionItem",props:{title:{type:String,required:!0},titlecolour:{type:String,required:!1},badge:{type:[Number,String],required:!1},badgecolour:{type:String,required:!1,default:"light"},lazy:{type:Boolean,required:!1}},computed:{createID(){return a=>`${be(a)}`}},data(){return{show:!this.lazy}}},ot=["id"],rt=["classList"];function nt(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("details",{id:i.createID(t.title)},[e.createElementVNode("summary",{classList:`${t.titlecolour?`bg-${t.titlecolour}`:""}`},[e.createTextVNode(e.toDisplayString(t.title),1),t.badge?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(`badge bg-${t.badgecolour}`)},e.toDisplayString(t.badge),3)):e.createCommentVNode("",!0)],8,rt),e.renderSlot(a.$slots,"default")],8,ot)}const it=k(at,[["render",nt]]),st={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1},background:{type:String,default:"light",required:!1}}},lt={class:"container"},ct={class:"row"},dt={class:"col-sm-6"},mt={class:"pt-5 pb-3 px-4"},ut={class:"col-sm-6 col-md-5 ms-auto"},ht=["src"];function pt(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("div",lt,[e.createElementVNode("div",{class:e.normalizeClass("bg-"+t.background+" mb-4")},[e.createElementVNode("div",ct,[e.createElementVNode("div",dt,[e.createElementVNode("div",mt,[e.createElementVNode("h2",null,e.toDisplayString(t.title),1),e.renderSlot(a.$slots,"default")])]),e.createElementVNode("div",ut,[t.image?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.image,alt:"",class:"h-100 w-100 object-cover"},null,8,ht)):e.createCommentVNode("",!0)])])],2)])}const ft=k(st,[["render",pt]]),bt={name:"Card",mounted(){this.$nextTick(function(){Promise.resolve().then(()=>ar).then(a=>{window.customElements.get("iam-card")||window.customElements.define("iam-card",a.default)}).catch(a=>{console.log(a.message)})})}};function yt(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-card",null,[e.renderSlot(a.$slots,"default")])}const G=k(bt,[["render",yt]]);function gt(a){var o;let t=a.querySelector(".carousel__inner"),r=a.querySelectorAll(".carousel__item").length;a.getAttribute("data-cols");let s=a.getAttribute("data-sm-cols"),i=a.getAttribute("data-md-cols");a.querySelector(".carousel__controls a").classList.add("active"),t.addEventListener("scroll",function(n){clearTimeout(o),o=setTimeout(function(){let l=t.clientWidth,d=t.scrollWidth,c=t.scrollLeft,u=Math.round(c/d*r)+1,p=a.querySelector(".carousel__item:last-child").offsetLeft;Array.from(a.querySelectorAll(".carousel__controls a")).forEach((m,h)=>{m.classList.remove("active")}),a.querySelector(".control-"+u).classList.add("active"),u==1?a.querySelector(".btn-prev").setAttribute("disabled","disabled"):a.querySelector(".btn-prev").removeAttribute("disabled"),t.scrollLeft+l>p?a.querySelector(".btn-next").setAttribute("disabled","disabled"):a.querySelector(".btn-next").removeAttribute("disabled")},100)},!1),a.addEventListener("click",function(n){for(var l=n.target;l&&l!=this;l=l.parentNode)if(l.matches(".carousel__controls a")){n.preventDefault(),Array.from(a.querySelectorAll(".carousel__controls a")).forEach((c,u)=>{c.classList.remove("active")}),l.classList.add("active");const d=document.querySelector(l.getAttribute("href"));t.scroll({top:0,left:d.offsetLeft,behavior:"smooth"});break}},!1),a.addEventListener("click",function(n){for(var l=n.target;l&&l!=this;l=l.parentNode)if(l.matches(".btn-next, .btn-prev")){n.preventDefault();let d=l.classList.contains("btn-prev")?t.scrollLeft-t.clientWidth:t.scrollLeft+t.clientWidth;t.scroll({top:0,left:d,behavior:"smooth"});break}},!1),r==1&&a.classList.add("hide-btns"),s>=r&&a.classList.add("hide-sm-btns"),i>=r&&a.classList.add("hide-md-btns")}const lr="",_t={components:{Card:G},name:"Carousel",data(){return{id:null}},props:{items:{type:Array,required:!1},cols:{type:Number,required:!1,default:1},smcols:{type:Number,required:!1,default:1},mdcols:{type:Number,required:!1,default:3},gap:{type:Number,required:!1,default:4},cardtype:{type:String,required:!1},cardclass:{type:String,required:!1},btntype:{type:String,required:!1},titleclass:{type:String,required:!1},ctatext:{type:String,required:!1},hidectatext:{type:Boolean,required:!1,default:!1},colclass:{type:String,required:!1},type:{type:String,required:!1}},computed:{content(){return a=>`${a.image?`<img src="${a.image}" alt="" />`:""}${a.content?a.content:""}`}},mounted(){this.id=this._uid,this.$nextTick(function(){gt(this.$refs.wrapper)})}},kt=["id","data-cols","data-sm-cols","data-md-cols"],wt={class:"carousel__wrapper"},At={class:"carousel__inner"},St=["id"],Et=["innerHTML","id"],Lt=["href"],$t=e.createElementVNode("button",{class:"btn btn-prev","data-go":"0",disabled:""},"Prev",-1),vt=e.createElementVNode("button",{class:"btn btn-next","data-go":"2"},"Next",-1);function qt(a,o,t,r,s,i){const n=e.resolveComponent("Card");return e.openBlock(),e.createElementBlock("div",{class:"container carousel",id:"carousel"+s.id,ref:"wrapper","data-cols":t.cols,"data-sm-cols":t.smcols,"data-md-cols":t.mdcols},[e.renderSlot(a.$slots,"default"),e.createElementVNode("div",wt,[e.createElementVNode("div",At,[t.type=="card"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap?`g-${t.gap}`:""}`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(l,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`col carousel__item${t.colclass?` ${t.colclass}`:""}`),key:d,id:"carousel"+s.id+"slide"+(d+1)},[e.createVNode(n,e.mergeProps(l,{class:t.cardclass,type:t.cardtype,btnyype:t.btntype,titleclass:t.titleclass,ctatext:t.ctatext,hidectatext:t.hidectatext}),null,16,["class","type","btnyype","titleclass","ctatext","hidectatext"])],10,St))),128))],2)):e.createCommentVNode("",!0),t.type!="card"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(`row row-cols-${t.cols} row-cols-sm-${t.smcols} row-cols-md-${t.mdcols} ${t.gap?`g-${t.gap}`:""}`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(l,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`col carousel__item${t.colclass?` ${t.colclass}`:""}`),key:d,innerHTML:i.content(l),id:"carousel"+s.id+"slide"+(d+1)},null,10,Et))),128))],2)):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:e.normalizeClass(`carousel__controls cols-${t.cols} cols-sm-${t.smcols} cols-md-${t.mdcols}`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(l,d)=>(e.openBlock(),e.createElementBlock("a",{key:d,href:"#carousel"+s.id+"slide"+(d+1),class:e.normalizeClass(`control-${d+1}`)},"Slide "+e.toDisplayString(d+1),11,Lt))),128))],2),$t,vt])],8,kt)}const xt=k(_t,[["render",qt]]);/*!
-  * iamKey v3.7.9-beta
+  * iamKey v3.7.9
   * Copyright 2022-2023 iamproperty
   */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"header"});class Nt extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${o}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
     <style>
@@ -84,7 +84,7 @@
       </picture>
     </div>
     `,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){this.classList.add("loaded");const o=this.shadowRoot.querySelector("picture"),t=this.shadowRoot.querySelector("picture source");this.hasAttribute("image")?t.setAttribute("srcset",this.getAttribute("image")):o.remove()}}const Bt={name:"Header",props:{title:{type:String,required:!0},image:{type:String,required:!1}},mounted(){this.$nextTick(function(){window.customElements.get("iam-header")||window.customElements.define("iam-header",Nt)})}},Tt=["image"],Ct=["innerHTML"];function Vt(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-header",{class:"bg-secondary",image:t.image},[e.renderSlot(a.$slots,"breadcrumb"),t.title?(e.openBlock(),e.createElementBlock("h1",{key:0,innerHTML:t.title},null,8,Ct)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default")],8,Tt)}const Mt=k(Bt,[["render",Vt]]);function Ht(a){var o;const t=a.querySelector(".testimonial__images"),r=t.querySelectorAll("img").length;if(r==1)return!1;a.classList.add("testimonial--multi");const s=function(i){const n=a.querySelector(".btn-next"),l=a.querySelector(".btn-prev");n.setAttribute("data-go",i+1),l.setAttribute("data-go",i-1),n.removeAttribute("disabled"),l.removeAttribute("disabled"),i==1?l.setAttribute("disabled",!0):i==r&&n.setAttribute("disabled",!0)};t.addEventListener("scroll",function(i){clearTimeout(o),o=setTimeout(function(){let n=t.scrollWidth,l=t.scrollHeight,d=t.scrollLeft,c=t.scrollTop,u=Math.round(d/n*r)+1;d==0&&c!=0&&(u=Math.round(c/l*r)+1),a.setAttribute("data-show",u),s(u)},300)},!1),a.addEventListener("click",function(i){for(var n=i.target;n&&n!=this;n=n.parentNode)if(n.matches("[data-go]")){let l=parseInt(n.getAttribute("data-go")),d=0,c=0,u=t.scrollWidth,p=t.scrollHeight;u>p?c=Math.floor(u*((l-1)/r)):d=Math.floor(p*((l-1)/r)),t.scroll({top:d,left:c,behavior:"smooth"});break}},!1)}const cr="",Dt={name:"Testimonial",props:{items:{type:Array,required:!0},background:{type:String,default:"light",required:!1}},mounted(){Ht(this.$refs.wrapper)}},zt={class:"container testimonial mb-5","data-show":"1",ref:"wrapper"},Rt={class:"row"},Pt={class:"col-md-5 position-relative"},Ft={class:"testimonial__images"},It=["src"],jt=e.createElementVNode("div",{class:"testimonial__controls"},[e.createElementVNode("button",{"data-go":"0",disabled:"",class:"btn-prev"},"Previous"),e.createElementVNode("button",{"data-go":"2",class:"btn-next"},"Next")],-1),Ot={class:"col-md-7"},Ut=e.createElementVNode("h2",null,"What our customers think…",-1),Wt={class:"testimonial__content"},Gt=["innerHTML"],Kt=["innerHTML"],Yt={class:"testimonial__after"},Zt=e.createElementVNode("span",{class:"circle circle--dots d-none d-md-block"},null,-1);function Xt(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("div",zt,[e.createElementVNode("div",{class:e.normalizeClass("bg-"+t.background)},[e.createElementVNode("div",Rt,[e.createElementVNode("div",Pt,[e.createElementVNode("div",Ft,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(n,l)=>(e.openBlock(),e.createElementBlock("img",{key:l,src:n.image?n.image:"data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==",alt:"",class:e.normalizeClass("h-100 w-100 object-cover"+(n.image?"":" opacity-0"))},null,10,It))),128))]),jt]),e.createElementVNode("div",Ot,[Ut,e.createElementVNode("div",Wt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(n,l)=>(e.openBlock(),e.createElementBlock("blockquote",{key:l,class:e.normalizeClass(n.class)},[e.createElementVNode("div",{innerHTML:n.quote},null,8,Gt),e.createElementVNode("cite",{innerHTML:n.cite},null,8,Kt)],2))),128))]),e.createElementVNode("div",Yt,[e.renderSlot(a.$slots,"default")])])]),Zt],2)],512)}const Jt=k(Dt,[["render",Xt]]),dr="",Qt={components:{Input:q},name:"PropertySearchbar",props:{formaction:{type:String,required:!1},formmethod:{type:String,required:!1},location:{type:String,required:!1},locations:{type:Array,required:!1},distances:{type:Array,required:!1,default(){return[{value:"0.25",display:"+¼ mi"},{value:"0.5",display:"+½ mi"},{value:"1",display:"+1 mi"},{value:"2",display:"+2 mi"},{value:"3",display:"+3 mi"},{value:"4",display:"+4 mi"},{value:"5",display:"+5 mi"}]}},pricemin:{type:Array,required:!1,default(){return[{value:"0",display:"No min"},{value:"50000",display:"£50k min"},{value:"75000",display:"£75k min"},{value:"100000",display:"£100k min"},{value:"150000",display:"£150k min"},{value:"200000",display:"£200k min"},{value:"250000",display:"£250k min"}]}},pricemax:{type:Array,required:!1,default(){return[{value:"any",display:"No max"},{value:"50000",display:"£50k max"},{value:"75000",display:"£75k max"},{value:"100000",display:"£100k max"},{value:"150000",display:"£150k max"},{value:"200000",display:"£200k max"},{value:"250000",display:"£250k max"}]}},bedsmin:{type:Array,required:!1,default(){return[{value:"any",display:"No min"},{value:"0",display:"Studio min"},{value:"1",display:"1 bed min"},{value:"2",display:"2 beds min"},{value:"3",display:"3 beds min"},{value:"4",display:"4 beds min"},{value:"5",display:"5 beds min"},{value:"6",display:"6 beds min"}]}},bedsmax:{type:Array,required:!1,default(){return[{value:"any",display:"No max"},{value:"0",display:"Studio max"},{value:"1",display:"1 bed max"},{value:"2",display:"2 beds max"},{value:"3",display:"3 beds max"},{value:"4",display:"4 beds max"},{value:"5",display:"5 beds max"},{value:"6",display:"6 beds max"}]}},propertytypes:{type:Array,required:!1,default(){return[{value:"all",display:"Show all"},{value:"Bungalow",display:"Bungalow"},{value:"Character Property",display:"Character Property"},{value:"Commercial Property",display:"Commercial Property"},{value:"Flat / Apartment",display:"Flat / Apartment"},{value:"Garage / Parking",display:"Garage / Parking"},{value:"Guest House / Hotel",display:"Guest House / Hotel"},{value:"House",display:"House"},{value:"House / Flat Share",display:"House / Flat Share"},{value:"Land",display:"Land"},{value:"Mobile / Park Home",display:"Mobile / Park Home"},{value:"Private Halls",display:"Private Halls"},{value:"Retirement Property",display:"Retirement Property"}]}}},data(){return{locationSave:""}},methods:{locationKeyup:function(a){this.$emit("locationKeyup",a)}},computed:{locationSet:{get(){return this.locationSave?this.locationSave:this.location},set(a){this.locationSave=a,this.$emit("input",a)}},locationsList(){return()=>this.locations?this.locations:[{value:"Newcastle"}]}}},ea={class:"container",ref:"wrapper"},ta={class:"property-searchbar"},aa=["action","method"],oa={class:"col-12 col-md-3"},ra={class:"col-12 col-md"},na=e.createElementVNode("span",{class:"form-label d-none d-md-block"},"Price range",-1),ia={class:"row","data-input-range":""},sa={class:"col-12 col-md"},la=e.createElementVNode("span",{class:"form-label d-none d-md-block"},"Number of beds",-1),ca={class:"row","data-input-range":""},da={class:"col-12 col-md-2"},ma=e.createElementVNode("div",{class:"col-12 col-md mw-md-fit-content d-flex property-searchbar__btn"},[e.createElementVNode("button",{class:"btn w-100 me-0",type:"submit",value:"submit"},"Search")],-1);function ua(a,o,t,r,s,i){const n=e.resolveComponent("Input");return e.openBlock(),e.createElementBlock("div",ea,[e.renderSlot(a.$slots,"default"),e.createElementVNode("div",ta,[e.createElementVNode("form",{class:"row",action:t.formaction,method:t.formmethod},[e.createElementVNode("fieldset",oa,[e.createVNode(n,{inputClass:"input--locations",modelValue:i.locationSet,"onUpdate:modelValue":o[0]||(o[0]=l=>i.locationSet=l),label:"Location",id:"location",options:i.locationsList(),required:"",placeholder:"i.e. Newcastle or NE1",onKeyupEvent:o[1]||(o[1]=l=>i.locationKeyup(...arguments)),ref:"search"},null,8,["modelValue","options"]),e.createVNode(n,{class:"select--miles",label:"Miles",id:"miles",type:"select",options:t.distances},null,8,["options"])]),e.createElementVNode("fieldset",ra,[na,e.createElementVNode("div",ia,[e.createVNode(n,{class:"col-6",label:"Minimum price",id:"price-min","data-min":"true",type:"select",options:t.pricemin},null,8,["options"]),e.createVNode(n,{class:"col-6",label:"Maximum price",id:"price-max","data-max":"true",type:"select",options:t.pricemax},null,8,["options"])])]),e.createElementVNode("fieldset",sa,[la,e.createElementVNode("div",ca,[e.createVNode(n,{class:"col-6",label:"Minimum beds",id:"beds-min","data-min":"true",type:"select",options:t.bedsmin},null,8,["options"]),e.createVNode(n,{class:"col-6",label:"Maximum beds",id:"beds-max","data-max":"true",type:"select",options:t.bedsmax},null,8,["options"])])]),e.createElementVNode("fieldset",da,[e.createVNode(n,{label:"Property type",id:"property-type",type:"select",options:t.propertytypes},null,8,["options"])]),ma],8,aa)]),e.renderSlot(a.$slots,"after")],512)}const ha=k(Qt,[["render",ua]]),pa=a=>{Array.from(a.querySelectorAll("details")).forEach((o,t)=>{o.addEventListener("mouseenter",function(r){window.matchMedia("(min-width: 62em)").matches&&o.setAttribute("open","true")},!1),o.addEventListener("mouseleave",function(r){window.matchMedia("(min-width: 62em)").matches&&o.removeAttribute("open")},!1)}),"IntersectionObserver"in window&&new IntersectionObserver(([t])=>t.target.classList.toggle("is-stuck",t.intersectionRatio<1),{threshold:[1]}).observe(a)},mr="",fa={components:{Input:q,Logo:P},name:"Nav",props:{logo:{type:String,required:!1},logotext:{type:String,required:!1},logopath:{type:String,required:!1},search:{type:String,required:!1},btnlink:{type:String,required:!1},btntext:{type:String,required:!1},propertylink:{type:String,required:!1},movebutlerlink:{type:String,required:!1},iamsoldlink:{type:String,required:!1}},data(){return{locationSave:""}},methods:{subIsActive(a){return(Array.isArray(a)?a:[a]).some(t=>this.$route.path.indexOf(t)===0)}},computed:{hasLogoSlot(){return!!this.$slots.logo},hasSecondarySlot(){return!!this.$slots.secondary},hasSearchSlot(){return!!this.$slots.search},hasAccountSlot(){return!!this.$slots.account},isMarketplace(){return!1}},mounted(){this.$nextTick(function(){pa(this.$refs.wrapper)})}},ba=e.createElementVNode("input",{type:"checkbox",name:"showMenu",id:"showMenu",class:"d-none"},null,-1),ya=e.createElementVNode("input",{type:"checkbox",name:"showSearch",id:"showSearch",class:"d-none"},null,-1),ga=e.createElementVNode("input",{type:"checkbox",name:"showAccount",id:"showAccount",class:"d-none"},null,-1),_a={class:"nav__mobile-bar"},ka={class:"container"},wa={class:"row"},Aa={key:0,class:"col mw-md-fit-content nav__logo"},Sa={key:1,class:"col mw-md-fit-content nav__logo"},Ea={href:"/",class:"text-decoration-none mb-0"},La=e.createElementVNode("div",{class:"col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn"},[e.createElementVNode("label",{for:"showMenu"},"Menu")],-1),$a={class:"nav__inner"},va={class:"container"},qa={class:"row"},xa={key:0,class:"col mw-md-fit-content nav__logo"},Na={key:1,class:"col mw-md-fit-content nav__logo"},Ba={href:"/",class:"text-decoration-none mb-0"},Ta={key:2,class:"col mw-fit-content nav__search-btn flex-row align-items-center"},Ca=[e.createElementVNode("label",{for:"showSearch"},[e.createElementVNode("svg",{class:"icon",viewBox:"0 0 32 32"},[e.createElementVNode("title",null,"Search"),e.createElementVNode("ellipse",{cx:"14.92",cy:"13.81",rx:"11.92",ry:"11.81",class:"icon__outline"}),e.createElementVNode("line",{x1:"22.68",y1:"22.75",x2:"30",y2:"30",class:"icon__outline"})])],-1)],Va=e.createElementVNode("div",{class:"col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn"},[e.createElementVNode("label",{for:"showMenu"},"Menu")],-1),Ma={class:"col-12 col-md nav__menu ms-auto flex-row align-items-center"},Ha={key:3,class:"col nav__account-btn flex-row align-items-center"},Da=[e.createElementVNode("label",{for:"showAccount"},[e.createElementVNode("svg",{class:"icon",viewBox:"0 0 28 28"},[e.createElementVNode("path",{d:"M14,28a13.861,13.861,0,0,1-9.268-3.533l-.023.047-.721-.738L3.62,23.4l.012-.023a14,14,0,1,1,20.735,0l.012.023-.367.377-.722.738-.024-.045A13.855,13.855,0,0,1,14,28Zm0-9.58a10.5,10.5,0,0,0-1.368.092c-.085.012-.17.03-.252.047-.061.013-.124.026-.187.037l-.077.013c-.266.047-.54.095-.8.165-.108.029-.215.065-.318.1-.063.022-.125.043-.188.063l-.08.026c-.223.071-.454.144-.671.234-.125.05-.245.11-.362.168l-.146.072-.045.021c-.208.1-.423.2-.623.312-.131.074-.257.158-.379.239l-.106.07-.068.044c-.176.114-.359.232-.528.359-.137.1-.267.218-.393.327l-.054.047c-.174.15-.355.306-.519.47-.132.134-.258.277-.38.416l-.018.021c-.16.184-.3.35-.437.527-.12.161-.23.33-.337.494-.076.117-.146.238-.214.356a12.495,12.495,0,0,0,17.109,0l-.022-.037c-.061-.1-.125-.212-.192-.315-.1-.156-.214-.333-.338-.5-.141-.188-.293-.363-.436-.526-.113-.13-.253-.292-.4-.438-.161-.162-.337-.314-.517-.468l-.08-.069c-.118-.1-.24-.209-.368-.307-.183-.137-.379-.264-.568-.387l-.026-.017-.106-.07c-.125-.083-.251-.166-.381-.24-.207-.118-.429-.222-.643-.322l-.024-.011-.152-.074c-.116-.057-.235-.116-.356-.165-.214-.087-.438-.159-.656-.229l-.1-.031c-.066-.021-.132-.043-.2-.066-.1-.035-.2-.07-.309-.1-.264-.07-.538-.118-.8-.165l-.078-.014c-.063-.011-.126-.024-.187-.037-.082-.017-.167-.035-.252-.047A10.483,10.483,0,0,0,14,18.421Zm0-1.473a11.871,11.871,0,0,1,1.54.1c.1.013.192.033.284.052.069.014.139.028.209.04.34.058.672.118,1,.2.14.036.278.082.412.127l.151.05c.309.1.587.188.859.3.148.059.293.127.433.194l.13.061c.306.142.553.266.775.389.188.107.368.22.535.328.26.166.489.322.7.478.156.117.316.244.49.389.209.176.412.361.622.567.156.154.3.293.43.443.209.23.4.472.542.657l.051.066c.1.134.21.272.308.416.021.031.045.061.068.09a1.267,1.267,0,0,1,.085.117,12.525,12.525,0,1,0-19.24,0c.026-.04.056-.078.084-.114s.05-.064.073-.1c.1-.141.2-.278.3-.409l.046-.059c.2-.264.378-.478.555-.672.137-.152.281-.3.417-.43.215-.21.422-.4.635-.578.18-.15.332-.271.479-.381.208-.155.433-.31.709-.486.174-.111.346-.219.526-.319.274-.153.55-.285.783-.393l.112-.053c.144-.069.293-.14.445-.2.282-.113.578-.208.864-.3l.159-.052c.132-.044.265-.088.4-.124.331-.087.675-.148,1-.2.068-.012.137-.026.2-.039.094-.019.191-.039.288-.052A11.827,11.827,0,0,1,14,16.948Z",transform:"translate(0 -0.001)"}),e.createElementVNode("path",{d:"M5.2,10.4a5.2,5.2,0,1,1,5.2-5.2A5.206,5.206,0,0,1,5.2,10.4Zm0-8.915A3.714,3.714,0,1,0,8.915,5.2,3.719,3.719,0,0,0,5.2,1.486Z",transform:"translate(8.8 4.8)"})]),e.createElementVNode("span",null,"My account")],-1)],za={key:4,class:"col-12 col-md nav__btn mw-md-fit-content flex-row align-items-center"},Ra=["href","innerHTML"],Pa={key:0,class:"nav__menu--secondary"},Fa={class:"container"},Ia={key:1,class:"nav__menu--search"},ja={class:"bg-gradient pt-4"},Oa={class:"container"},Ua={key:0,class:"nav__menu--account"},Wa={class:"container"},Ga={class:"row mb-4"},Ka={key:0,class:"col mw-md-fit-content nav__logo"},Ya={key:1,class:"col mw-md-fit-content nav__logo"},Za={href:"/",class:"text-decoration-none mb-0"},Xa=e.createElementVNode("div",{class:"col mw-fit-content d-md-none flex-row align-items-center nav__menu-btn"},[e.createElementVNode("label",{for:"showAccount"},"Account")],-1),Ja={class:"container"},Qa=e.createElementVNode("span",{class:"nav__bg"},null,-1);function eo(a,o,t,r,s,i){const n=e.resolveComponent("Logo");return e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(`nav${i.hasSecondarySlot?" has-secondary":""}`),ref:"wrapper"},[ba,ya,ga,e.createElementVNode("div",_a,[e.createElementVNode("div",ka,[e.createElementVNode("div",wa,[i.hasLogoSlot?(e.openBlock(),e.createElementBlock("div",Aa,[e.renderSlot(a.$slots,"logo")])):(e.openBlock(),e.createElementBlock("div",Sa,[e.createElementVNode("a",Ea,[e.createVNode(n,{id:t.logo,path:t.logopath,desc:t.logotext,class:"pb-0"},null,8,["id","path","desc"])])])),La])])]),e.createElementVNode("div",$a,[e.createElementVNode("div",va,[e.createElementVNode("div",qa,[i.hasLogoSlot?(e.openBlock(),e.createElementBlock("div",xa,[e.renderSlot(a.$slots,"logo")])):(e.openBlock(),e.createElementBlock("div",Na,[e.createElementVNode("a",Ba,[e.createVNode(n,{id:t.logo,path:t.logopath,desc:t.logotext,class:"pb-0"},null,8,["id","path","desc"])])])),i.hasSearchSlot?(e.openBlock(),e.createElementBlock("div",Ta,Ca)):e.createCommentVNode("",!0),Va,e.createElementVNode("div",Ma,[e.renderSlot(a.$slots,"default")]),i.hasAccountSlot?(e.openBlock(),e.createElementBlock("div",Ha,Da)):e.createCommentVNode("",!0),t.btnlink?(e.openBlock(),e.createElementBlock("div",za,[e.createElementVNode("a",{href:t.btnlink,class:"btn me-0",innerHTML:t.btntext},null,8,Ra)])):e.createCommentVNode("",!0)])]),i.hasSecondarySlot?(e.openBlock(),e.createElementBlock("div",Pa,[e.createElementVNode("div",Fa,[e.renderSlot(a.$slots,"secondary")])])):e.createCommentVNode("",!0),i.hasSearchSlot?(e.openBlock(),e.createElementBlock("div",Ia,[e.createElementVNode("div",ja,[e.createElementVNode("div",Oa,[e.renderSlot(a.$slots,"search")])])])):e.createCommentVNode("",!0)]),i.hasAccountSlot?(e.openBlock(),e.createElementBlock("div",Ua,[e.createElementVNode("div",Wa,[e.createElementVNode("div",Ga,[i.hasLogoSlot?(e.openBlock(),e.createElementBlock("div",Ka,[e.renderSlot(a.$slots,"logo")])):(e.openBlock(),e.createElementBlock("div",Ya,[e.createElementVNode("a",Za,[e.createVNode(n,{id:t.logo,path:t.logopath,desc:t.logotext,class:"pb-0"},null,8,["id","path","desc"])])])),Xa])]),e.createElementVNode("div",Ja,[e.renderSlot(a.$slots,"account")])])):e.createCommentVNode("",!0),Qa],2)}const to=k(fa,[["render",eo]]),pr="",ao={name:"Stepper",props:{label:{type:String,required:!1},endlabel:{type:String,required:!1,default:"Complete"}}},oo={class:"container"},ro=["aria-label"],no={key:0,class:"h6 stepper__start"},io={class:"list-unstyled"},so={class:"h6 stepper__end"};function lo(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("div",oo,[e.createElementVNode("nav",{class:"stepper","aria-label":t.label?t.label:"Progress"},[t.label?(e.openBlock(),e.createElementBlock("span",no,e.toDisplayString(t.label),1)):e.createCommentVNode("",!0),e.createElementVNode("ol",io,[e.renderSlot(a.$slots,"default")]),e.createElementVNode("span",so,e.toDisplayString(t.endlabel),1)],8,ro)])}const co=k(ao,[["render",lo]]),mo={name:"Stepper",props:{url:{type:String,required:!1},status:{type:String,required:!1},current:{type:String,required:!1}}},uo=["href","aria-current"],ho={key:0,class:"visually-hidden"};function po(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("li",null,[e.createElementVNode("a",{href:t.url,class:e.normalizeClass(`${t.status?"bg-"+t.status:""}${typeof t.current<"u"?"current":""}`),"aria-current":typeof t.current<"u"},[e.createElementVNode("span",null,[e.renderSlot(a.$slots,"default")]),t.status?(e.openBlock(),e.createElementBlock("em",ho," - status: "+e.toDisplayString(t.status),1)):e.createCommentVNode("",!0)],10,uo)])}const fo=k(mo,[["render",po]]);/*!
-  * iamKey v3.7.9-beta
+  * iamKey v3.7.9
   * Copyright 2022-2023 iamproperty
   */const bo=function(a){const o=a.querySelectorAll(":scope > details");a.querySelectorAll(":scope > details > summary");let t=a.querySelector(":scope > .tabs__links");a.shadowRoot&&a.shadowRoot.querySelector(".tabs__links")&&(t=a.shadowRoot.querySelector(".tabs__links")),t||(t=document.createElement("div"),t.classList.add("tabs__links"),a.prepend(t)),o.forEach((r,s)=>{let i=r.querySelector(":scope > summary");i.classList.add("visually-hidden");let n=document.createElement("button");r.hasAttribute("id")&&(n=document.createElement("a"),n.setAttribute("href",`#${r.getAttribute("id")}`)),r.hasAttribute("open")&&n.setAttribute("aria-pressed",!0),n.innerHTML=`${i.innerText}`,n.classList.add("link"),n.setAttribute("data-index",s),n.setAttribute("tabindex","-1"),t.appendChild(n)})},yo=function(a){let o=a.querySelectorAll(":scope > details"),t=a.querySelectorAll(":scope > details > summary"),r=a.querySelectorAll(":scope .tabs__links > .link");a.shadowRoot&&(r=a.shadowRoot.querySelectorAll(".tabs__links > .link")),r.forEach(s=>{s.addEventListener("click",i=>{i.preventDefault(),r.forEach(n=>{let l=n==s;n.setAttribute("aria-pressed",l)}),o.forEach((n,l)=>{let d=s.getAttribute("data-index")==l;d?n.setAttribute("open",d):n.removeAttribute("open")}),s.hasAttribute("href")&&history.pushState(void 0,void 0,s.getAttribute("href")),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openTab",tabTitle:s.textContent})})}),t.forEach((s,i)=>{s.addEventListener("focus",n=>{r.forEach(l=>{l.classList.remove("focus")}),r[i].classList.add("focus")}),s.addEventListener("click",n=>{n.preventDefault(),r[i].click()})})},go=function(a){let o=a.querySelectorAll(":scope > details"),t=a.querySelectorAll(":scope > .tabs__links > button, .tabs__links > a");a.shadowRoot&&(t=a.shadowRoot.querySelectorAll(".tabs__links > button, .tabs__links > a")),location.hash&&a.querySelector(`.tabs__links [href="${location.hash}"]`)?(a.querySelector(`[href="${location.hash}"]`).setAttribute("open",!0),a.querySelector(`details[id="${location.hash.replace("#","")}"]`).setAttribute("open",!0)):a.querySelector("details[open]")||(o[0].setAttribute("open",!0),t[0].setAttribute("aria-pressed",!0))},_o=function(a){bo(a),yo(a),go(a)};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"tabs"});class ko extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${o}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
     <style>
@@ -101,7 +101,7 @@
       <slot></slot>
     </div>
     `,this.shadowRoot.appendChild(r.content.cloneNode(!0))}connectedCallback(){let o=this.classList.toString().replace("container","");this.shadowRoot.querySelector(".tabs").setAttribute("class",`tabs ${o}`),_o(this)}}const fr="";window.customElements.get("iam-tabs")||window.customElements.define("iam-tabs",ko);const wo={name:"Tabs"},Ao={ref:"wrapper"};function So(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-tabs",Ao,[e.renderSlot(a.$slots,"default")],512)}const Eo=k(wo,[["render",So]]),Lo={name:"Tab",props:{title:{type:String,required:!0},lazy:{type:Boolean,required:!1}},data(){return{show:!this.lazy}},watch:{show(a,o){console.log(a)}}},$o={class:"tab"},vo=["innerHTML"];function qo(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("details",$o,[e.createElementVNode("summary",{innerHTML:t.title},null,8,vo),e.renderSlot(a.$slots,"default")])}const xo=k(Lo,[["render",qo]]);let K=V.props;K.fields.required=!1;const No={components:{Table:V,Input:q},data(){return{itemsData:[...this.items]}},methods:{submitForm:function(a){console.log(this);const o=new FormData(a.target);let t=new Date;const r=t.getFullYear();let s=t.getMonth()+1,i=t.getDate();i<10&&(i="0"+i),s<10&&(s="0"+s),t=i+"/"+s+"/"+r,this.itemsData.unshift({date_added:t,user:o.get("user"),note:o.get("addNote")}),this.$emit("formSubmitted",a)}},name:"NoteFeed",props:{user:{type:String,required:!0},...K,title:{type:String,required:!1},method:{type:String,required:!1,default:"post"},action:{type:String,required:!1}}},Bo={class:"container note-feed mb-2"},To=["innerHTML"],Co=["action","method"],Vo=["value"],Mo=e.createElementVNode("button",{class:"btn btn-tertiary"},"Submit note",-1);function Ho(a,o,t,r,s,i){const n=e.resolveComponent("Table"),l=e.resolveComponent("Input");return e.openBlock(),e.createElementBlock("div",Bo,[t.title?(e.openBlock(),e.createElementBlock("span",{key:0,class:"h3",innerHTML:t.title},null,8,To)):e.createCommentVNode("",!0),e.createVNode(n,e.mergeProps({fields:[{key:"date_added"},{key:"user"},{key:"note"}],items:s.itemsData},a.$props,{class:"mb-0"}),null,16,["items"]),e.createElementVNode("form",{action:t.action,method:t.method,onSubmit:o[0]||(o[0]=e.withModifiers(d=>i.submitForm(...arguments),["prevent"]))},[e.createElementVNode("input",{type:"hidden",value:t.user,name:"user"},null,8,Vo),e.createVNode(l,{id:"addNote",type:"textarea",label:"Add note",required:"",class:"mw-100"}),Mo],40,Co)])}const Do=k(No,[["render",Ho]]);/*!
-  * iamKey v3.7.9-beta
+  * iamKey v3.7.9
   * Copyright 2022-2023 iamproperty
   */function zo(a,o){function t(r,s){let i=!1,n=s.getAttribute("name");n.includes("[]")&&(n=n.replace("[]",`[${s.value}]`));let l=r.querySelector(`[data-name="${n}"]`);l&&s.getAttribute("type")=="checkbox"&&(i=!0);let d=s.getAttribute("data-filter-text");if(l||(l=document.createElement("button"),r.appendChild(l)),l.setAttribute("type","button"),l.classList.add("filter"),l.setAttribute("data-name",n),l.innerHTML=d.replace("$value",s.value),(!s.value||i)&&l.remove(),s.parentNode.closest("[data-filter-text]")){let c=s.parentNode.closest("[data-filter-text]"),u=!0;if(n="",c.querySelectorAll("input").forEach((p,m)=>{let h=p.getAttribute("name");if(n+=`${m!=0?",":""}${h}`,r.querySelector(`[data-name="${h}"]`)&&r.querySelector(`[data-name="${h}"]`).remove(),p.value){let f=document.createElement("button");f.setAttribute("type","button"),f.classList.add("filter"),f.setAttribute("data-name",h),f.innerHTML=d.replace("$value",p.value),r.appendChild(f)}else u=!1}),r.querySelector(`[data-name="${n}"]`)&&r.querySelector(`[data-name="${n}"]`).remove(),u){let p=c.getAttribute("data-filter-text");c.querySelectorAll("input").forEach((h,f)=>{let _=h.getAttribute("name");r.querySelector(`[data-name="${_}"]`)&&r.querySelector(`[data-name="${_}"]`).remove(),p=p.replace(`$${f+1}`,h.value)});let m=document.createElement("button");m.setAttribute("type","button"),m.classList.add("filter"),m.setAttribute("data-name",n),m.innerHTML=p,r.appendChild(m)}}}Array.from(a.querySelectorAll('input[type="checkbox"]:checked')).forEach((r,s)=>{t(o,r)}),a.addEventListener("change",function(r){if(r&&r.target instanceof HTMLElement&&r.target.closest("input[data-filter-text]")){let s=r.target.closest("input[data-filter-text]");t(o,s)}},!1),o.addEventListener("click",function(r){if(r&&r.target instanceof HTMLElement&&r.target.closest(".filter")){let n=r.target.closest(".filter"),l=n.getAttribute("data-name").split(",");for(var s=0;s<l.length;s++){let d=l[s],c=`[name="${d}"]`;d.match(/\[(.*)\]/)&&(d.replace(/\[(.*)\]/,"[]"),c=`[value="${d.replace(/.*\[(.*)\]/,"$1")}"]`);let u=a.querySelectorAll(c);for(var i=0;i<u.length;i++){let p=u[i];if(p.getAttribute("type")!="radio"&&p.getAttribute("type")!="checkbox")p.value="";else{p.checked=!1;var r=new Event("force");p.closest("form").dispatchEvent(r)}}}n.remove()}},!1)}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Applied Filters"});class Ro extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${o}/css/core.min.css`;let r=this.classList.toString();const s=document.createElement("template");s.innerHTML=`
     <style>
@@ -113,7 +113,7 @@
     <div class="applied-filters ${r}"></div>
     <slot></slot>
     `,this.shadowRoot.appendChild(s.content.cloneNode(!0))}connectedCallback(){zo(this,this.shadowRoot.querySelector(".applied-filters"))}}window.customElements.get("iam-applied-filters")||window.customElements.define("iam-applied-filters",Ro);const Po={name:"Header"};function Fo(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-applied-filters",null,[e.renderSlot(a.$slots,"default")])}const Io=k(Po,[["render",Fo]]);/*!
-  * iamKey v3.7.9-beta
+  * iamKey v3.7.9
   * Copyright 2022-2023 iamproperty
   */function jo(a,o){Oo(a,o)}function Oo(a,o){var t;o.addEventListener("keyup",r=>{clearTimeout(t),t=setTimeout(function(){Y(a,o.value)},500)}),o.addEventListener("change",r=>{clearTimeout(t),Y(a,o.value)})}const Y=function(a,o){Array.from(a.querySelectorAll(":scope > li")).forEach((t,r)=>{let s=t.textContent.toLowerCase();t.classList.add("d-none"),s.includes(o.toLowerCase())&&t.classList.remove("d-none")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Filtered list",value:o})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"filterlist"});class Uo extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const o=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${o}/css/core.min.css`,r=document.createElement("template");r.innerHTML=`
     <style>
@@ -155,7 +155,7 @@
       ${this.hasAttribute("data-dismiss")?'<div class="notification__dismiss"><button data-dismiss-button>Dismiss</button></div>':""}
     </div>
     `,this.shadowRoot.appendChild(i.content.cloneNode(!0))}connectedCallback(){const o=this.shadowRoot.querySelector("[data-dismiss-button]"),t=this.hasAttribute("data-status")?this.getAttribute("data-status"):"white";this.hasAttribute("data-type")?this.classList.add(`bg-${t}`):this.classList.add(`colour-${t}`);const r=this;if(!this.querySelector("i"))switch(t){case"danger":this.innerHTML+='<i class="fa-solid fa-circle-exclamation" aria-hidden="true" slot="icon"></i>';break;case"warning":this.innerHTML+='<i class="fa-solid fa-triangle-exclamation" aria-hidden="true" slot="icon"></i>';break;case"success":this.innerHTML+='<i class="fa-solid fa-check-circle" aria-hidden="true" slot="icon"></i>';break;default:this.innerHTML+='<i class="fa-solid fa-circle-info" aria-hidden="true" slot="icon"></i>'}Yo(r),o&&o.addEventListener("click",function(s){M(r)},!1)}}const Jo={name:"Notification",props:{},created(){this.$nextTick(function(){window.customElements.get("iam-notification")||window.customElements.define("iam-notification",Xo)})}};function Qo(a,o,t,r,s,i){return e.openBlock(),e.createElementBlock("iam-notification",null,[e.renderSlot(a.$slots,"default")])}const er=k(Jo,[["render",Qo]]);/*!
-  * iamKey v3.7.9-beta
+  * iamKey v3.7.9
   * Copyright 2022-2023 iamproperty
   */window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Card"});class tr extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),this.querySelector('[class*="fa-"]')&&this.classList.add("card--has-icon");let o=this.classList.toString();const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",r=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,s=document.createElement("template");s.innerHTML=`
     <style>
@@ -173,4 +173,4 @@
       </div>
       ${this.hasAttribute("data-cta")?`<div class="card__footer"><span class="link">${this.getAttribute("data-cta")}</span></div>`:""}
     </div>
-    `,this.shadowRoot.appendChild(s.content.cloneNode(!0))}connectedCallback(){this.classList.add("loaded");const o=this.parentNode.closest("a, button, label"),t=this.shadowRoot.querySelector(".card");o.setAttribute("tabindex","-1"),o.matches("label[for]")&&(document.getElementById(o.getAttribute("for")).checked?t.classList.add("checked"):t.classList.remove("checked")),t.addEventListener("click",r=>{if(o.matches("label[for]")){r.stopPropagation(),r.preventDefault();const s=document.getElementById(o.getAttribute("for")),i=s.getAttribute("name"),n=s.getAttribute("id");Array.from(document.querySelectorAll(`[name="${i}"]:not([id="${n}"])`)).forEach((l,d)=>{document.querySelector(`[for="${l.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"))}),o.click(),s.checked?t.classList.add("checked"):t.classList.remove("checked")}}),this.addEventListener("inactive",r=>{t.classList.remove("checked")}),t.addEventListener("keydown",r=>{switch(r.keyCode){case 32:case 13:if(o.matches("label[for]")){r.stopPropagation(),r.preventDefault();const s=document.getElementById(o.getAttribute("for")),i=s.getAttribute("name"),n=s.getAttribute("id");Array.from(document.querySelectorAll(`[name="${i}"]:not([id="${n}"])`)).forEach((l,d)=>{document.querySelector(`[for="${l.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"))}),o.click(),s.checked?t.classList.add("checked"):t.classList.remove("checked")}else o.click();break}})}static get observedAttributes(){return["data-total","class"]}attributeChangedCallback(o,t,r){switch(o){case"data-total":{this.shadowRoot.querySelector(".card__total").innerHTML=r;break}case"class":{let s=this.classList.toString();this.querySelector('[class*="fa-"]')&&(s+=" card--has-icon"),this.shadowRoot.querySelector(".card").setAttribute("class",`card ${s}`);break}}}}const ar=Object.freeze(Object.defineProperty({__proto__:null,default:tr},Symbol.toStringTag,{value:"Module"}));y.Accordion=tt,y.AccordionItem=it,y.AppliedFilters=Io,y.Banner=ft,y.Card=G,y.Carousel=xt,y.FileUpload=Ye,y.Filterlist=Ko,y.Header=Mt,y.Input=q,y.Logo=P,y.Nav=to,y.NoteFeed=Do,y.Notification=er,y.PropertySearchbar=ha,y.Step=fo,y.Stepper=co,y.Tab=xo,y.Table=V,y.Tabs=Eo,y.Testimonial=Jt,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})});
+    `,this.shadowRoot.appendChild(s.content.cloneNode(!0))}connectedCallback(){this.classList.add("loaded");const o=this.parentNode.closest("a, button, label"),t=this.shadowRoot.querySelector(".card");o.setAttribute("tabindex","-1"),o.matches("label[for]")&&(document.getElementById(o.getAttribute("for")).checked?t.classList.add("checked"):t.classList.remove("checked")),t.addEventListener("click",r=>{if(o.matches("label[for]")){r.stopPropagation(),r.preventDefault();const s=document.getElementById(o.getAttribute("for")),i=s.getAttribute("name"),n=s.getAttribute("id");Array.from(document.querySelectorAll(`[name="${i}"][type="radio"]:not([id="${n}"])`)).forEach((l,d)=>{document.querySelector(`[for="${l.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"))}),o.click(),s.checked?t.classList.add("checked"):t.classList.remove("checked")}}),this.addEventListener("inactive",r=>{t.classList.remove("checked")}),t.addEventListener("keydown",r=>{switch(r.keyCode){case 32:case 13:if(o.matches("label[for]")){r.stopPropagation(),r.preventDefault();const s=document.getElementById(o.getAttribute("for")),i=s.getAttribute("name"),n=s.getAttribute("id");Array.from(document.querySelectorAll(`[name="${i}"]:not([id="${n}"])`)).forEach((l,d)=>{document.querySelector(`[for="${l.getAttribute("id")}"] iam-card`).dispatchEvent(new Event("inactive"))}),o.click(),s.checked?t.classList.add("checked"):t.classList.remove("checked")}else o.click();break}})}static get observedAttributes(){return["data-total","class"]}attributeChangedCallback(o,t,r){switch(o){case"data-total":{this.shadowRoot.querySelector(".card__total").innerHTML=r;break}case"class":{let s=this.classList.toString();this.querySelector('[class*="fa-"]')&&(s+=" card--has-icon"),this.shadowRoot.querySelector(".card").setAttribute("class",`card ${s}`);break}}}}const ar=Object.freeze(Object.defineProperty({__proto__:null,default:tr},Symbol.toStringTag,{value:"Module"}));y.Accordion=tt,y.AccordionItem=it,y.AppliedFilters=Io,y.Banner=ft,y.Card=G,y.Carousel=xt,y.FileUpload=Ye,y.Filterlist=Ko,y.Header=Mt,y.Input=q,y.Logo=P,y.Nav=to,y.NoteFeed=Do,y.Notification=er,y.PropertySearchbar=ha,y.Step=fo,y.Stepper=co,y.Tab=xo,y.Table=V,y.Tabs=Eo,y.Testimonial=Jt,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -5,7 +5,7 @@
     "name": "iamproperty"
   },
   "private": false,
-  "version": "3.7.9-beta",
+  "version": "3.7.9",
   "scripts": {
     "bootstrap": "copyfiles -u 2 node_modules/bootstrap/**/* assets/bootstrap",
     "dev": "npm run copy && node local_modules/delete-assets.js && vite --host",